SHARE
TWEET

Dolores — 002

reptilha May 19th, 2019 (edited) 206 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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:500px;
  272.     text-align:justify;
  273.     float:left;
  274.     margin-bottom:30px;
  275.     {block:PermalinkPage}
  276.  width:500px;
  277. {/block:PermalinkPage}
  278.    
  279. }
  280. /*INDIVIDUAL POST*/
  281.  
  282.  
  283. /*ALL*/
  284. #contain {
  285.     width:800px;
  286.     background
  287.     height:100%;
  288.     margin-top:0px;
  289.     margin-right:auto!important;
  290.     margin-left:auto;
  291.     min-height:700px;
  292.    
  293. }
  294. /*ALL*/
  295.  
  296.  
  297.  
  298. /*POST CONTAINER*/
  299. #content {
  300.     width:800px;
  301.     z-index:-1;
  302.     margin-left:300px;
  303.     margin-top:50px;
  304. }
  305. /*POST CONTAINER*/
  306.  
  307.  
  308. /*SHOW AVATAR*/
  309. .tumblr_blog {
  310.     margin-left: 30px;
  311.     text-transform:uppercase;
  312.     font-weight:bold;
  313.     font-size:10px;
  314.     letter-spacing:1px;
  315.    
  316. }
  317.  
  318. .tumblr_blog_avatar {
  319.     width: 20px;
  320.     height: 20px;  
  321.     border-radius:100%;
  322.     position:absolute;
  323.     margin-right:px;
  324.     margin-top:px;
  325.     vertical-align:-5px;
  326. }
  327. /*SHOW AVATAR*/
  328.  
  329.  
  330. /*CONTROLS*/
  331. .iframe-controls--desktop {
  332.    position:fixed;
  333.    padding-top:10px;
  334.    padding-right:10px;
  335.    z-index:9999999999999999999999999999;
  336.   {block:IfLightVersion}
  337.    filter:invert(100%);
  338.    -webkit-filter:invert(100%);
  339.    {/block:IfLightVersion}
  340.    -webkit-transform:scale(0.6,0.6);
  341.    -webkit-transform-origin: 100% 0%;
  342.    -ms-transform-origin:100% 0%;
  343.    -ms-transform:scale(0.6,0.6);
  344.    transform:scale(0.6,0.6);
  345.    transform-origin:100% 0%;
  346. }
  347. /*CONTROLS*/
  348.  
  349.  
  350. /*SCROLL TO TOP*/
  351. #scrollToTop{
  352.    right:5px;
  353.    bottom:10px;
  354.    position:fixed;
  355.    font-size:13px;
  356.    z-index:9999999999999999999999999999;
  357.   {block:IfLightVersion}
  358.   color:black;
  359.    {/block:IfLightVersion}
  360.     {block:IfNotLightVersion}
  361.   color:white;
  362.          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);
  363.    {/block:IfNotLightVersion}
  364. }
  365. /*SCROLL TO TOP*/
  366.  
  367.  
  368.  
  369.  
  370. /* APPARENCE */
  371.  
  372. /*SELECTION*/
  373. ::-moz-selection {color:inherit;background: transparent;}
  374. ::selection  {color:inherit;background: transparent;}
  375. /*SELECTION*/
  376.  
  377.  
  378. /*BOLD*/
  379. b{
  380.     font-weight:bold;
  381. }
  382. /*BOLD*/
  383.  
  384.  
  385. /*SCROLLBAR*/
  386.  ::-webkit-scrollbar
  387.  {width: 19px; height: 19px; z-index:-1;}
  388.  ::-webkit-scrollbar-track-piece
  389.  {background-color: {color:Background};-webkit-border-radius:px;}
  390.  ::-webkit-scrollbar-thumb:vertical
  391.  {height: 3px; background-color: {color:Borders};   -webkit-border-radius:px;border:9px solid {color:Background};    }
  392.  ::-webkit-scrollbar-thumb:horizontal
  393.  {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:9px solid {color:Background};    }
  394.  /*SCROLLBAR*/
  395.  
  396.  
  397. /*TOOLTIP*/
  398. #s-m-t-tooltip {
  399.     max-width:200px;
  400.     padding:3px 10px 3px 10px;
  401.     margin:15px 20px;
  402.     border:1px solid {color:Borders};
  403.     border-radius:2px;
  404.     background:{color:Background};
  405.     z-index:123456789;
  406.  
  407. }
  408. /*TOOLTIP*/
  409.  
  410.  
  411. /*LIGHTBO*/
  412. #tumblr_lightbox {
  413.     background-color:rgba(225, 225, 225, .7)!important;
  414.     z-index:99999!important;
  415. }
  416.  
  417. #tumblr_lightbox img {opacity:0;}
  418.  
  419. #tumblr_lightbox_caption {
  420.     color:black!important;
  421.     font-family:arial!important;
  422.     font-size:10px!important;
  423.     font-weight:normal!important;
  424.     text-shadow:none!important;
  425. }
  426. #tumblr_lightbox_center_image,
  427. #tumblr_lightbox_left_image,
  428. #tumblr_lightbox_right_image {
  429.     background:white!important;
  430.     -moz-box-shadow:none!important;
  431.     -webkit-box-shadow:none!important;
  432.     box-shadow:none!important;
  433.     -moz-border-radius:0px!important;
  434.     -webkit-border-radius:0px!important;
  435.     border-radius:0px!important;
  436.     opacity:1!important;
  437. }
  438.      
  439. #tumblr_lightbox_left_image,
  440.  #tumblr_lightbox_right_image {opacity:.6!important;}
  441.  
  442. /* LIGHTBO */
  443.  
  444.  
  445. /* BLOCKQUOTE */
  446. blockquote{
  447.     margin-left:0px;
  448. }
  449. /* BLOCKQUOTE */
  450.  
  451.  
  452. /* TITLES */
  453. h1, h2, h3{
  454.         font-size:20px;
  455.     font-weight:normal;
  456.     font-family: 'Playfair Display', serif;
  457.     color:{color:Titles};
  458. }
  459.  
  460. h1t{
  461.         font-size:20px;
  462.     font-weight:normal;
  463.     font-family: 'Playfair Display', serif;
  464.     color:{color:Titles};
  465.         border-bottom:1px solid {color:Borders};
  466.         display:block;
  467.         width:100%;
  468.         padding-bottom:15px;
  469. }
  470.  
  471. /* TITLES */
  472.  
  473. /* APPARENCE */
  474.  
  475.  
  476.  
  477.  
  478.  
  479. /**NOTES**/
  480. .notes {
  481.     display:block;
  482.     margin-top:5px;
  483.     margin-left:-45px;
  484. }
  485. .notes .avatar {
  486.     border:none;
  487.     margin:5px;
  488.     width:26px;
  489.     padding:0;
  490.     border-radius:100%;
  491.     border-radius:px;
  492.    
  493. }
  494. .notes ol {
  495.     margin:0;
  496.     padding:0;
  497.    
  498. }
  499. .notes li {
  500.     list-style:none;
  501.     border:none;
  502.     float:left;
  503.     margin:0;
  504.     padding:0;
  505.     margin-right:4px;
  506.     margin-bottom:-2px;
  507.    
  508. }
  509. .notes .note .action {
  510.     display:none;
  511.     visibility:hidden;
  512.     margin:0;
  513.     padding:0;
  514.    
  515. }
  516. .more_box {
  517.     display:block;
  518.     height:35px;
  519.     margin:0;
  520.     padding:0;
  521.    
  522. }
  523. .more_notes_link_container a {
  524.     width:;
  525.     font-style:normal;
  526.     font-size:12px;
  527.     display:block;
  528.     text-align:center;
  529.     width:;
  530.     margin-left:70px;
  531.     padding:5px;
  532.     border:1px solid {color:Borders};
  533.     border-radius:3px;
  534.     margin-top:60px;
  535.    
  536.    font-family:'Karla',sans-serif;
  537.     margin-bottom:30px;
  538.    
  539. }
  540. .notes blockquote {
  541.     display:none;
  542.    
  543. }
  544. /*NOTES*/  
  545.  
  546.  
  547. /*ANSWER*/
  548. .pessoa {
  549.     text-transform:;
  550.     font-size:12px;
  551.     line-height:10px;
  552.     display:block;
  553.     margin-left:px;
  554.     margin-top:10px;
  555.     padding-bottom:0px;
  556.     padding-left:0px;
  557.    
  558. }
  559.  
  560.  
  561. .pessoa asker{
  562.     display:;
  563.     text-transform:;
  564.     font-size:px;
  565.     font-weight:bold;  
  566.     color:{color:Link};
  567.     z-index:9999!important!important;
  568.     letter-spacing:x;
  569.     padding:px;
  570.     margin-left:10px;
  571.     background:{color:Posts};
  572.     border-radius:;
  573.    
  574. }
  575. .pessoa img{
  576.     width:40px;
  577.     display:none;
  578.     border-radius:100%;
  579.     margin-bottom:-10px;
  580.     z-index:2!important;
  581.     margin-left:-55px;
  582.    
  583. }
  584. .pergunta {
  585.     background:;
  586.     margin-top:20px;
  587.     padding-bottom:20px;
  588.     margin-left:0px;
  589.     border-bottom:1px solid {color:Borders};
  590.     text-align:left;
  591.    
  592. }
  593. .resposta {
  594.     padding-top:15px;
  595.     padding-top:px;
  596.     padding-bottom:px;
  597.     background:transparent;
  598.     margin-top:0px;
  599.    
  600. }  
  601. /*ANSWER*/
  602.  
  603.  
  604.  
  605.  
  606.  
  607. /*POST TYPES*/
  608.  
  609.  
  610. /*CHAT*/
  611. ul.chat{
  612.     padding:0px;
  613. }
  614. /*CHAT*/
  615.  
  616.  
  617. /**THEME**/
  618.  
  619.  
  620. pd{
  621.    display:block;
  622.     padding:20px;
  623.     border-radius:4px;
  624.     border:1px solid {color:Borders};
  625.     background:{color:Posts};
  626. }
  627.  
  628. sidebar{
  629.     width:250px;
  630.     position:fixed;
  631.     margin-left:0px;
  632.     margin-top:-10px;
  633.     z-index:9999999999;
  634.     border-radius:1px;
  635. }
  636.  
  637. bio img{
  638.     width:;
  639.     border-radius:4px;
  640.     display:block;
  641. }
  642.  
  643. bio{
  644.     text-align:center;
  645.     display:block;
  646.     padding:10px;
  647. }
  648.  
  649. bio h1{
  650.     font-weight:;
  651.     display:block;
  652.     border-bottom:1px solid {color:Borders};
  653.     margin-top:15px;
  654.     padding-bottom:15px;
  655.     width:;
  656.     margin-bottom:5px;
  657.     margin-left:-10px;
  658. }
  659.  
  660. detail{
  661.     border-bottom:1px solid {color:Borders};
  662.     font-size:40px;
  663.     display:block;
  664.     font-family:century gothic;
  665.     line-height:70px;
  666.     margin-top:-40px;
  667.     margin-bottom:20px;
  668.     color:{color:Menu Links};
  669.     width:100%;
  670. }
  671.  
  672. menu a{
  673.     display:inline-block;
  674.          -webkit-transition: all 0.5s ease-out;
  675. -moz-transition: all 0.5s ease-out;
  676. -o-transition: all 0.5s ease-out;
  677. transition: all 0.5s ease-out;
  678. border:10px solid {color:Background};
  679. width:7px;
  680. height:7px;
  681. line-height:0px;
  682. margin:px;
  683. border-radius:100%;
  684. background:{color:Menu Links};
  685. }
  686.  
  687. menu a:hover{
  688.     -webkit-transform: rotateX(150deg); /* Safari */
  689.   transform: rotateX(150deg);
  690.   background:{color:Menu Links Hover};
  691. }
  692.  
  693. menu{
  694.     display:block;
  695.     width:200px;
  696.     text-align:left;
  697. }
  698.  
  699. .source{
  700.       text-transform:uppercase;
  701.     font-weight:bold;
  702.     font-size:10px;
  703.     letter-spacing:1px;
  704.     margin-top:20px;
  705.     padding-top:20px;
  706.     border-top:1px solid {color:Borders};
  707. }
  708.  
  709. /*estilo de áudio #04 em @passo-html por @clamam insp:tumblr*/
  710. .ph-album{border:1px solid {color:Borders}; padding:15px; height:63px; border-radius:5px;}
  711. .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;}
  712. .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;}
  713. .ph-track{margin-right:15px; overflow:auto; max-height:80px; font-family:; font-size:12px; margin-top:5px; float:right; text-align:right;}
  714. .ph-track b{font-size:14px}
  715. .ph-image{width:60px; height:60px; float:right; border-radius:30px;}
  716.  
  717. .chat li{
  718.     list-style:none;
  719.     line-height:30px;
  720.     text-align:left;
  721. }
  722.  
  723. .chat label{
  724.     border:1px solid {color:Borders};
  725.     padding:5px;
  726.     border-radius:3px;
  727.     font-weight:bold;
  728.     text-transform:uppercase;
  729.     font-size:11px;
  730.     margin-right:2px;
  731.     letter-spacing:1px;
  732. }
  733.  
  734. notas{
  735.     z-index:9!important;
  736.     margin-top:30px;
  737.     display:block;
  738.          -webkit-transition: all 0.5s ease-out;
  739. -moz-transition: all 0.5s ease-out;
  740. -o-transition: all 0.5s ease-out;
  741. transition: all 0.5s ease-out;
  742.     opacity:0.0;
  743. }
  744.  
  745. notas a{
  746.     opacity:0.2;
  747.     margin:20px;
  748.     font-weight:normal;
  749.     font-size:10px;
  750. font-family: 'Karla', sans-serif;
  751. }
  752.  
  753. notas a:hover{
  754.     opacity:1.0;
  755. }
  756.  
  757. .post:hover notas{
  758.     opacity:1.0;
  759. }
  760.  
  761. lin{
  762.     display:block;
  763.     border-bottom:1px solid {color:Borders};
  764.     padding:30px;
  765.     margin-bottom:20px;
  766. }
  767.  
  768. social{
  769.     display:block;
  770.     margin-top:30px;
  771.     text-align:center;
  772.     border-top:1px solid {color:Borders};
  773.     padding-top:30px;
  774. }
  775.  
  776. social a{
  777.     margin:20px;
  778.     opacity:0.3;
  779. }
  780.  
  781. social a:hover{
  782.     opacity:1.0;
  783. }
  784.  
  785. line{
  786.     display:inline-block;
  787.     width:1px;
  788.     height:40px;
  789.     background:{color:Borders};
  790.     vertical-align:-17px;
  791. }
  792.  
  793. </style>
  794.  
  795. <!--JS-->
  796. <script type="text/javascript" src="https://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  797.  
  798. <script type="text/javascript" src="https://static.tumblr.com/mcvd3uv/hVSn5j522/scroll.js"></script>
  799.  
  800. <!--JS-->
  801.  
  802.  
  803. <!--FONTS-->
  804. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  805. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  806. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Comfortaa|Courgette|Kalam|Karla|Overlock|Patrick+Hand|Rancho|Varela+Round" rel="stylesheet">
  807. <link href="https://fonts.googleapis.com/css?family=Domine|EB+Garamond|Merriweather|PT+Serif|Playfair+Display|Source+Serif+Pro&display=swap" rel="stylesheet">
  808. <!--FONTS-->
  809.  
  810.  
  811. <!--SCROLL TO TOP-->  
  812. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  813. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  814. <!--SCROLL TO TOP-->  
  815.  
  816.  
  817. </head>
  818. <body>
  819.  
  820. <div id="contain">
  821.  
  822.  
  823. <sidebar>
  824. <bio><center><img src="{image:Foto}"><h1>{Title}</h1></center> {Description}</bio>  
  825.  
  826. <center>
  827. <menu>
  828.  
  829. <a href="{text:Link 1 Url}" title="{text:Link 1}"></a>
  830. <a href="{text:Link 2 Url}" title="{text:Link 2}"></a>
  831. <a href="{text:Link 3 Url}" title="{text:Link 3}"></a>
  832. <a href="{text:Link 4 Url}" title="{text:Link 4}"></a>
  833. <a href="{text:Link 5 Url}" title="{text:Link 5}"></a>
  834.    
  835. </menu>    
  836. </center>
  837.    
  838. </sidebar>
  839.  
  840.  
  841. <div id="content">
  842. {block:Posts}
  843. <div class="post">
  844.  
  845. <!--POST TYPE-->
  846. {block:Text}
  847. <pd>
  848. {block:Title}
  849. <h1t>{Title}</h1t>
  850. {/block:Title}
  851. {Body}
  852. </pd>
  853. {/block:Text}
  854. <!--POST TYPE-->              
  855.                
  856.                
  857. <!--POST TYPE-->                
  858. {block:Photo}
  859. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  860. {block:Caption}
  861. <pd><div class="caption">{Caption}</div>
  862. </pd>{/block:Caption}
  863. {/block:Photo}
  864. <!--POST TYPE-->
  865.  
  866.  
  867. <!--POST TYPE-->              
  868. {block:Panorama}
  869. {LinkOpenTag}
  870. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  871. {LinkCloseTag}
  872. {block:Caption}
  873. <pd><div class="caption">{Caption}</div>
  874. </pd>{/block:Caption}
  875. {/block:Panorama}
  876. <!--POST TYPE-->  
  877.  
  878.  
  879. <!--POST TYPE-->  
  880. {block:Photoset}
  881. <pd>    
  882. {Photoset}
  883. <br>
  884. {block:Caption}
  885. {Caption}
  886. {/block:Caption}
  887. </pd>
  888. {/block:Photoset}
  889. <!--POST TYPE-->  
  890.  
  891.  
  892. <!--POST TYPE-->  
  893. {block:Quote}
  894. <pd>  
  895. <detail>...</detail>
  896. {Quote}
  897. {block:Source}
  898. <div class="source">{Source}</div>
  899. {/block:Source}
  900. </pd>
  901. {/block:Quote}
  902. <!--POST TYPE-->  
  903.  
  904.  
  905. <!--POST TYPE-->  
  906. {block:Link}
  907. <pd>  
  908. <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  909. {block:Description}
  910. <div class="description">
  911. {Description}
  912. </div>
  913. {/block:Description}
  914. </pd>
  915. {/block:Link}
  916. <!--POST TYPE-->  
  917.  
  918.                
  919. <!--POST TYPE-->  
  920. {block:Chat}
  921. <pd>
  922. {block:Title}
  923. <h3><a href="{Permalink}">{Title}</a></h3>
  924. {/block:Title}
  925. <ul class="chat">
  926. {block:Lines}
  927. <li class="{Alt} user_{UserNumber}">
  928. {block:Label}
  929. <label>{Label}</label>
  930. {/block:Label}{Line}
  931. </li>
  932. {/block:Lines}
  933. </ul>
  934. </pd>
  935. {/block:Chat}
  936. <!--POST TYPE-->  
  937.                
  938.                
  939. <!--POST TYPE-->  
  940. {block:Video}
  941. {Video-500}
  942. {block:Caption}
  943. <pd><div class="caption">{Caption}</div>
  944. </pd>{/block:Caption}
  945. {/block:Video}
  946. <!--POST TYPE-->  
  947.  
  948.  
  949. <!--POST TYPE-->  
  950. {block:Audio}
  951. <div class="ph-album">
  952. {block:AlbumArt}
  953. <img src="{AlbumArtURL}" class="ph-image"/>
  954. {/block:AlbumArt}
  955. {block:AudioPlayer}
  956. <div class="ph-player">{AudioPlayer}</div>
  957. {/block:AudioPlayer}
  958. <div class="ph-track">
  959. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  960. {block:Artist}{Artist}{/block:Artist}<br/>
  961. {formattedplaycount} reproduções
  962. </div></div>
  963. {/block:Audio}
  964. <!--POST TYPE-->  
  965.  
  966.  
  967. <!--POST TYPE-->  
  968. {block:Answer}
  969. <pd>
  970. <div class="pessoa">
  971. <span class="fa fa-question"></span>
  972. <asker>{Asker}</asker>
  973. </div>
  974. <div class="pergunta">
  975. {Question}
  976. </div>
  977. <div class="resposta">
  978. {Answer}
  979. </div>
  980. </pd>
  981. {/block:Answer}
  982. <!--POST TYPE-->  
  983.  
  984.  
  985. {block:IndexPage}
  986. <center><notas>
  987. <a href="{ReblogUrl}" title="Reblog"><span class="fa fa-refresh"></span></a>
  988. <a href="{Permalink}" title="{NoteCount}"><span class="fa fa-heart"></span></a>
  989. </notas></center>
  990. {/block:IndexPage}
  991.  
  992. {block:ContentSource}
  993. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  994. {/block:ContentSource}
  995. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  996.  
  997.  
  998.    
  999. </div>
  1000.  
  1001.  
  1002.  
  1003. {block:PermalinkPage}
  1004.  
  1005. {block:PostNotes}
  1006. <div class="post">
  1007.  
  1008. <!--DADOS-->  
  1009. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  1010. <lin><span class="fa fa-heart"></span> {NoteCountWithLabel}</lin>
  1011.  
  1012. <!--TAGS-->  
  1013. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags}  <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}    
  1014.    
  1015. </div>
  1016. {/block:PostNotes}
  1017.  
  1018. <!--NOTES-->  
  1019. {block:PostNotes}<div class="post"><div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  1020.  
  1021. {/block:PermalinkPage}
  1022.  
  1023.  
  1024. {/block:Posts}
  1025.  
  1026. {block:Pagination}<ul id="pagination">
  1027. {block:PreviousPage}
  1028. <li><a href="{PreviousPage}"></a></li>
  1029. {/block:PreviousPage}
  1030. {block:JumpPagination length="5"}
  1031. {block:CurrentPage}
  1032. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  1033. {/block:CurrentPage}
  1034. {block:JumpPage}
  1035. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  1036. {/block:JumpPage}
  1037. {/block:JumpPagination}
  1038. {block:NextPage}
  1039. <li><a id="nextPage" href="{NextPage}"></a></li>
  1040. {/block:NextPage}
  1041. </ul>{/block:Pagination}
  1042.  
  1043. {block:IndexPage}
  1044. <script type="text/javascript">
  1045. $(window).load(function () {
  1046. $('#content').masonry(),
  1047. $('.masonryWrap').infinitescroll({
  1048. navSelector    : '#pagination',  
  1049. nextSelector   : '#pagination a#nextPage',
  1050. itemSelector : ".post, .loading",
  1051. bufferPx : 40,
  1052. loadingImg : "https://29.media.tumblr.com/tumblr_m1kigtqf881r6etyzo1_400.gif",
  1053. loadingText : "<em></em>",
  1054. },
  1055. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1056. );
  1057. });
  1058. </script>
  1059. {/block:IndexPage}
  1060.  
  1061. <script type="text/javascript" src="https://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  1062. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1063.  
  1064. </div>
  1065.  
  1066. <!--INFINITE SCROLL-->    
  1067. <div class="loading"></div>
  1068. <!--INFINITE SCROLL-->    
  1069.    
  1070. </body>
  1071. </html>
RAW Paste Data
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
 
Top