NIGGSEX

base 4 you

Oct 20th, 2017
121
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.              ALL DESIGN MADE BY SUA URL — DON'T COPY
  3.                   [HTTP://SUAURL.TUMBLR.COM]
  4.                     BASE MADE BY YNTENSE
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <meta charset="utf-8">
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <!-- APPAREANCE -->
  20. <!--COLORS-->
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Borders" content="#f5f7f7"/>
  23. <meta name="color:Links" content="#8f8f8f"/>
  24. <meta name="color:Links Hover" content="#b0b0b0"/>
  25. <meta name="color:Notes Image" content="#000000"/>
  26. <meta name="color:Links Notes Image" content="#ffffff"/>
  27. <meta name="text:Opacity Notes Image" content="6" title="max: 9"/>
  28. <meta name="color:Texts" content="#8f8f8f"/>
  29. <meta name="color:Title" content="#b5b5b5"/>
  30. <meta name="color:Scrollbar" content="#b5b5b5"/>
  31. <meta name="color:Sidebar" content="#b5b5b5"/>
  32. <meta name="color:Posts" content="#f5f7f7"/>
  33.  
  34.  
  35. <!-- MENU -->
  36. <meta name="text:Link 1 Url" content="/" />
  37. <meta name="text:Link 1 Title" content="link" />
  38. <meta name="text:Link 2 Url" content="/" />
  39. <meta name="text:Link 2 Title" content="link" />
  40. <meta name="text:Link 3 Url" content="/" />
  41. <meta name="text:Link 3 Title" content="link" />
  42. <meta name="text:Link 4 Url" content="/" />
  43. <meta name="text:Link 4 Title" content="link" />
  44.  
  45. <!-- FONTES -->
  46. <link href="https://fonts.googleapis.com/css?family=Lato|Muli|Oxygen" rel="stylesheet">
  47.  
  48. <!-- ICONES -->
  49. <script src="https://use.fontawesome.com/92822ad00c.js"></script>
  50. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  51. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  52. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css'
  53. rel='stylesheet' type='text/css'>
  54.  
  55. <!-- SCRIPTS (NÃO REMOVA NENHUM) -->
  56. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  58. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  59. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  60. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  61. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  62. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  63.  
  64. <!-- TOOLTIP -->
  65. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:20,
  73. tip_fade_speed:400,
  74. attribute:"title"
  75. });
  76. });
  77. })(jQuery);
  78. </script>
  79. <style type="text/css">
  80. /* BOTÕES DA DASH (+FF, MESSAGE, ETC) */
  81. iframe.tmblr-iframe {
  82.     z-index:99999999999999!important;
  83.     top:-2px!important;
  84.     right:0!important;
  85.     opacity:1;
  86.     padding-right:38px;
  87.     transform:scale(0.65);
  88.     transform-origin:100% 0;
  89.     -webkit-transform:scale(0.65);
  90.     -webkit-transform-origin:100% 0;
  91.     -o-transform:scale(0.65);
  92.     -o-transform-origin:100% 0;
  93.     -moz-transform:scale(0.65);
  94.     -moz-transform-origin:100% 0;
  95.     -ms-transform:scale(0.65);
  96.     -ms-transform-origin:100% 0;
  97.     transition:0.5s;}
  98.  
  99. /* VOLTAR AO TOPO */
  100. .scrollTop{
  101.     font-size:14px;
  102.     position:fixed;
  103.     right:20px;
  104.     bottom:50px;
  105.     display:none;
  106.     -webkit-transition: all 0.6s ease-out;
  107.     -o-transition: all 0.6s ease-out;
  108.     -webkit-transition: all 0.6s ease-out;
  109.     -moz-transition: all 0.6s ease-out;
  110.     font-size:10px;}
  111.  
  112. /*TOOLTIP*/
  113. #s-m-t-tooltip {
  114.     position:relative;
  115.     text-transform:uppercase;
  116.     padding:5px;
  117.     max-width:300px;
  118.     background:{color:background};
  119.     color:{color:Texts};
  120.     margin:15px;
  121.     border:1px solid {color:Borders};
  122.     z-index:99999999999;
  123.     font-size:9px;}
  124.      /*CREDITOS */
  125. .credit {
  126.     position:fixed;
  127.     bottom:30px;
  128.     right:10px;
  129.     z-index:10;
  130.     background:{color:Background};
  131.     font-size:8px;
  132.     transition:1s;}  
  133. .credit a{
  134.     color:{color:Texts};
  135.     padding:5px;
  136.     background:{color:Background};
  137.     border:1px solid {color:Borders};
  138.     font-size:8px;}
  139.  
  140. .credit:hover {
  141.     border-radius:100%;
  142.     -webkit-transform:rotatey(360deg);
  143.     transition:1s;} .credit a:hover {border-radius:100%}
  144.  
  145. /* VSANNA */
  146. .vsanna {
  147.     display:none;}
  148.  
  149. /* SELEÇÃO DO THEME */
  150. ::selection{
  151.     background:{color:Background};
  152.     color:{color:Links Hover};}
  153. ::-moz-selection{
  154.     background:{color:Background};
  155.     color:{color:Links Hover};}
  156.  
  157. /* barra de rolagem */
  158. ::-webkit-scrollbar{
  159.     width:5px;
  160.     height:5px;
  161.     background:{color:borders};}    
  162. ::-webkit-scrollbar-thumb{
  163.     border:2px solid {color:borders};
  164.     background:{color:Scrollbar};}
  165.  
  166. /* BACKGROUND, COR DOS TEXTOS, ETC*/
  167. body {
  168.     background:{color:background};
  169.     color:{color:texts};
  170.     font-family:'Muli', sans-serif;
  171.     font-size:10px;
  172.     text-align:justify;
  173.     transition:0.5s ease;}
  174.  
  175. /*LINKS*/
  176. a {
  177.     color:{color:Links};
  178.     text-decoration:none;
  179.     transition:0.5s;}
  180.  
  181. a:hover {
  182.     color:{color:Links Hover};}
  183.  
  184. /*BLOCKQUOTE*/
  185. blockquote {
  186.     margin:10px;
  187.     border-left:2px solid {color:Borders};
  188.     {block:PermalinkPage}
  189.     border:0px;
  190.     {/block:PermalinkPage}
  191.     padding:2px;}
  192.  
  193. /* TITULO DOS TEXTOS */    
  194. h1, h5 {
  195.     text-align:center;
  196.     font-weight:bold;
  197.     text-transform:uppercase;
  198.     font-size:10px;
  199. }    
  200.  
  201. /* PERMALINK PAGE BY: @YNTENSE - NÃO REMOVA OS CREDITOS */
  202. .perma {
  203.     position:relative;
  204.     width:475px;
  205.     height:auto;
  206.     overflow:auto;
  207.     margin:0px auto;
  208.     padding:10px;
  209.     font-size:9px;
  210.     text-align:left;
  211.     text-transform:uppercase;
  212.     letter-spacing:0.90px;
  213.     background:{color:Background};
  214.     transition:0.7s ease;
  215.     border:1px solid {color:borders};}
  216. .perma ol{
  217.     list-style-type:none;}
  218. ol.notes {
  219.     display:block;
  220.     padding:0!important;
  221.     overflow:auto;
  222.     margin-top:5px;
  223.     margin-left:10px;
  224.     width:460px;
  225.     transition:0.70s ease;
  226.     border-bottom:1px solid {color:Borders};}
  227. ol.notes li.note {
  228.     display:block;
  229.     padding:4px;
  230.     text-align:justify;
  231.     transition:0.7s ease;
  232.     border-bottom:1px solid {color:Borders}; }
  233. ol.notes li.note img.avatar {
  234.     vertical-align:-4px;
  235.     margin-left:0px;
  236.     margin-right:10px;
  237.     width:17px;
  238.     height:17px;
  239.     border-radius:100%;}
  240. ol.notes li.note a{
  241.     color:{color:texts};}
  242.  
  243. ol.notes li.note:hover {
  244.     text-indent:10px;
  245.     transition: 0.70s ease;}
  246.  
  247.  
  248. /* POSTS */
  249. #posts {
  250.     width:calc(500px + 500px);
  251.     margin:120px 240px;
  252.     {block:permalinkpage}
  253.      margin:120px 240px;
  254.     {/block:permalinkpage}}
  255.    
  256. /* CAIXA DOS POSTS */
  257. .posts {
  258.     position:relative;
  259.     font-size:9.5px;
  260.     width:230px;
  261.     padding:10px;
  262.     background:{color:Posts};
  263.     -moz-box-sizing:border-box;
  264.     box-sizing:border-box;
  265.     {block:IndexPage}
  266.     display:inline-block;
  267.     opacity:0;
  268.     z-index:-1;
  269.     {/block:IndexPage}
  270.     {block:PermalinkPage}
  271.     width:500px;
  272.     {/block:PermalinkPage}
  273.     margin:15px;
  274.     transition:1s;}
  275. .posts:last-child {
  276.     margin-bottom:0;}
  277.  
  278. .posts img {
  279.     width:100%;
  280.     margin-bottom:-3px!important;}
  281.  
  282. /* VIDEO */
  283. .video {
  284.     display:block;
  285.     overflow:hidden;
  286.     width:100%;}
  287.  
  288. .video, .video iframe {
  289.     display:block;
  290.     overflow:hidden;}
  291.  
  292. /*QUOTE*/
  293. .quote {
  294.     text-align:justify;}    
  295.  
  296. .sourcequote {
  297.     text-align:right;
  298.     font-weight:bold;
  299.     font-size:9px;
  300.     margin-top:5px;}
  301.  
  302. /* ASK BY: @YNTENSE - NÃO REMOVA OS CREDITOS */
  303. .question{
  304.     z-index:1;
  305.     border-bottom: 1px solid {color:borders};
  306.     text-align:left;
  307.     font-size:11px;
  308.     padding:10px;
  309.     margin-left:0px;
  310.     margin-right:0px;}
  311.  
  312. .asker {
  313.     margin-bottom:2px;
  314.     margin-top:-6px;
  315.     margin-left:0px;
  316.     margin-right:0px;
  317.     padding:5px 10px 10px 10px;
  318.     font-size:9px;
  319.     letter-spacing:0.50px;
  320.     text-align:left;
  321.     text-transform:uppercase;
  322.     border-bottom:1px solid {color:borders};}
  323. .asker a{
  324.      color:{color:Texts};}
  325.    
  326. .portrait img{
  327.     float:right;
  328.     width:19px;
  329.     height:19px;
  330.     border-radius:20%;
  331.     margin-left:5px;
  332.     margin-top:1px;
  333.     z-index:5;}
  334.  
  335. .answer{
  336.     margin-top:5px;
  337.     text-align:left;
  338.     font-size:11px;
  339.     padding-left:0px;}
  340.  
  341. /* CHAT */
  342. .chat {
  343.     line-height:13px;
  344.     list-style:none;}
  345. .chat ul {
  346.      list-style: none;
  347.      padding:5px;}
  348. .person1 {
  349.     color:{color:Texts};
  350.     padding:2px;
  351.     text-transform:Uppercase;
  352.     font-style:Italic;}
  353. .person1 .label {
  354.     color:{color:Texts};
  355.     text-transform:Uppercase;
  356.     font-style:Italic;
  357.     font-weight:Bold;}
  358. .person2 {
  359.     color:{color:Texts};
  360.     padding:2px;
  361.     text-transform:Uppercase;
  362.     font-style:Italic;}
  363. .person2 .label {
  364.     color:{color:Texts};
  365.     text-transform:Uppercase;
  366.     font-style:Italic;
  367.     font-weight:Bold;}
  368.  
  369.  
  370. /*AUDIO BY: @YNTENSE - NÃO REMOVA OS CREDITOS */
  371. .audio {
  372.     position:relative;
  373.     width:100%;}
  374.  
  375. .audio img {
  376.     width:50px;
  377.     height:50px;
  378.     padding:4px;
  379.     border:1px solid {color:Borders};}
  380.  
  381. .player {
  382.     position:absolute;
  383.     overflow:hidden;
  384.     margin-top:-47px;
  385.     margin-left:15px;
  386.     height:28px;
  387.     width:28px;
  388.     background:white;
  389.     opacity:0.4;}
  390.  
  391. .inform {
  392.     border:1px solid {color:borders};
  393.     margin-top:-97px;
  394.     line-height:20px;
  395.     margin-top:2px;
  396.     font-family:'Hind', sans-serif;
  397.     text-transform:uppercase;
  398.     font-size:9px;}
  399.  
  400. .alignaud {
  401.     margin-left:90px;}
  402.    
  403. /* LINKS */    
  404. .link {
  405.     margin: 0 0 5px 0;
  406.     text-align:center;}
  407. .link a {
  408.     font-size:10px;
  409.     color:{color:links};
  410.     text-transform:uppercase;
  411.     text-align:center;
  412.     letter-spacing:0.7px;
  413.     transition: 0.5s ease;}
  414. .link a:hover {
  415.     color:{color:links hover};
  416.     transition: 0.50s ease;}
  417.  
  418.  
  419. /* NOTES DAS FOTOS BY: @YNTENSE - NÃO REMOVA OS CREDITOS*/
  420. .notsi {
  421.     position:absolute;
  422.     display:inline-block;
  423.     overflow:hidden;
  424.     text-align:center;
  425.     opacity:0;
  426.     top:10px;
  427.     left:10px;
  428.     width:calc(100% - 20px);
  429.     height:calc(100% - 20px);
  430.     background:rgba({RGBcolor:Notes Image},0.{text:Opacity Notes Image});
  431.     color:{color:Links Notes Image};
  432.     transition:1s;}
  433.  
  434. .posts:hover .notsi {
  435.     transition:.4s;
  436.     opacity:1;}
  437.  
  438. .ileft{
  439.     position:absolute;
  440.     text-align:justify;
  441.     text-transform:uppercase;
  442.     left:20px;
  443.     top:10px;
  444.     font-size:9px;
  445.     color:{color:Links Notes Image};
  446.     text-shadow:1px 1px 1px rgba(0,0,0,.1);
  447.     transition:0.5s;}
  448.  
  449. .ileft a{
  450.     color:{color:Links Notes Image};}
  451.  
  452. .posts:hover .ileft {
  453.     left:10px;}
  454.  
  455. .likeb {
  456.     cursor:pointer!important;
  457.     position:absolute;
  458.     text-align:center;
  459.     text-transform:uppercase;
  460.     top:10px;
  461.     right:20px;
  462.     width:13px;
  463.     height:13px;
  464.     color:{color:Links Notes Image};
  465.     transition:.5s ease;
  466.     font-size:16px;
  467.     padding:5px;
  468.     background:rgba({RGBcolor:Texts},.1);
  469.     border-radius:100%;}
  470. .posts:hover .likeb {
  471.     right:10px;
  472.     transition:0.5s;}
  473.  
  474. .rblg {
  475.     position:absolute;
  476.     text-align:center;
  477.     text-transform:uppercase;
  478.     top:35px;
  479.     right:20px;
  480.     width:13px;
  481.     height:13px;
  482.     color:{color:Links Notes Image};
  483.     transition:0.5s ease;
  484.     font-size:16px;
  485.     padding:5px;
  486.     background:rgba({RGBcolor:Texts},.1);
  487.     border-radius:100%;
  488.     line-height:0px;
  489.     text-indent:-1px;}
  490. .rblg a {
  491.     color:{color:Links Notes Image};}
  492.  
  493. .posts:hover .rblg {
  494.     right:10px;
  495.     transition:0.5s;}
  496.  
  497. .custom-like-button {
  498.     cursor:pointer!important;}
  499. .custom-like-button {
  500.     position:relative;
  501.     margin-top:-5px;
  502.     margin-right:-2px;
  503.     width:16px;
  504.     height:16px;
  505.     display:inline-block;
  506.     float:right;
  507.     vertical-align:top;
  508.     cursor:pointer;
  509.     font-size:16px;
  510.     color:{color:Links Notes image};}
  511. .like_button.liked + .our_button i:before {
  512.     content:'\e098';
  513.     color:#ff6666;}
  514. .like_button iframe {
  515.     width:100%!important; height:100%!important;}
  516. .like_button {
  517.     z-index:10; opacity:0;}
  518. .our_button {
  519.     z-index:1;}
  520. .our_button,.like_button {
  521.     position:absolute;
  522.     top:0;
  523.     left:0;
  524.     width:100%;
  525.     height:100%;}
  526. /* END NOTES IMAGE */
  527.  
  528.  /*NOTES TEXTS BY : @YNTENSE - NÃO COPIE*/
  529.  .nots {
  530.     display:block;
  531.     text-align:left;
  532.     color:{color:Text};
  533.     margin-top:4px;
  534.     margin-bottom:-10px;
  535.     margin-left:0px;
  536.     font-style:normal;
  537.     border-top:1px solid {color:Borders};
  538.     text-transform:Uppercase;
  539.     font-size:10px;
  540.     padding:5px;
  541.     transition:.5s; }
  542.  
  543.  .nots a{
  544.      color:{color:Texts};
  545.      background:#;
  546.      font-size:14px;
  547.      padding:4px;
  548.      transition:.5s; }
  549.  
  550. .allt {
  551.     position:absolute;
  552.     text-align:right;
  553.     float:right;
  554.     text-transform:uppercase;
  555.     margin-top:-20px;
  556.     right:20px;
  557.     color:{color:Texts}
  558.     transition:.5s;
  559.     font-size:10px;}
  560. .allt a {
  561.     color:{color:Texts};}
  562. .allt i {
  563.      font-size:18px;
  564.      margin-left:-10px;}
  565.  
  566. .custom-like-button2 *{
  567.     cursor:pointer!important;}
  568. .custom-like-button2 {
  569.     position:relative;
  570.     display:inline-block;
  571.     vertical-align:top;
  572.     padding:4px;
  573.     cursor:pointer;
  574.     margin-right:7px;
  575.     margin-top:7px;}
  576.    
  577. .like_button.liked + .our_button2:after{content:'d';}
  578.  
  579. .like_button iframe {
  580.     width:100%!important;
  581.     height:100%!important;}
  582. .like_button {
  583.     z-index:10;
  584.     opacity:0;}
  585. .our_button2 {
  586.     z-index:1;}
  587. .our_button2,.like_button {
  588.     position:absolute;
  589.     top:0;
  590.     left:0;
  591.     width:100%;
  592.     height:100%;}
  593. /* END NOTES TEXTS */
  594.  
  595. /* INICIO SIDEBAR/*
  596.  
  597. /* CAIXA */
  598. .sidebar {
  599.     margin-top:80px;
  600.     margin-left:20px;
  601.     position:fixed;
  602.     background:{color:sidebar};
  603.     z-index:9;
  604.     width:200px;
  605.     min-height:50px;
  606.     max-height:120px;
  607.     height:auto;
  608.     box-shadow:1px 1px 1px rgba(0,0,0,.3);
  609.     text-align:center;}
  610.  
  611.  
  612. /* ICON */
  613. .avatarimage{
  614.     position:fixed;
  615.     margin-top:-25px;
  616.     float:left;
  617.     margin-left:70px;}
  618.    
  619. .avatarimage img{
  620.     width:45px;
  621.     height:45px;
  622.     border:1px solid {color:borders};
  623.     border-radius:100%;}    
  624.  
  625. /* TITULO */
  626. .title {
  627.     /* pra ficar no meio, coloque o mesmo tamanho que colocou de sidebar */
  628.     width:200px;
  629.     text-indent:-10px;
  630.     position:fixed;
  631.     text-transform:uppercase;
  632.     letter-spacing:0.70px;
  633.     font-size:11px;
  634.     color:{color:Title};
  635.     text-align:center;
  636.     margin-top:25px;
  637.     line-height:100%;}
  638.    
  639. /* DESCRIÇÃO */
  640. .description {
  641.     position:fixed;
  642.     text-transform:uppercase;
  643.     padding:10px;
  644.     font-size:9px;
  645.     width:180px;
  646.     text-align:center;
  647.     letter-spacing:1px;
  648.     margin-top:40px;
  649.     margin-left:0px;
  650.     z-index:10;}    
  651.  
  652. /* MENU */    
  653. nav {
  654.     width:135px;
  655.     height:25px;
  656.     padding:5px;
  657.     background:{color:Sidebar};
  658.     border:1px solid {color:borders};
  659.     margin:130px auto;
  660.     box-shadow:1px 1px 1px rgba(0,0,0,.3);
  661.     text-align:center;}    
  662.  
  663. nav a {
  664.     display:inline-block;
  665.     padding:0px 7px 10px 7px;
  666.     width:17px;
  667.     height:17px;
  668.     font-size:20px;
  669.     text-align:center;
  670.     margin-top:-3px;
  671.     margin-bottom:1px;
  672.     border-radius:100%;
  673.     transition:0.5s;}    
  674.  
  675. nav a:hover {
  676.     background:{color:borders};
  677.     color:{color:Title};
  678.     transition:.5s;}    
  679. /* FIM SIDEBAR */    
  680. </style>
  681. </head>
  682.  
  683. <body>
  684.  
  685. <!-- SIDEBAR -->
  686. <div class="sidebar">
  687. <!-- ICON -->
  688. <div class="avatarimage"><img src="{PortraitURL-64}"/></div>  
  689. <!-- TITULO -->
  690. <div class="title">{Title}</div>
  691. <!-- DESCRIÇÃO -->
  692. <div class="description">{Description}</div>
  693. <!-- MENU -->
  694. <nav>
  695. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">
  696. <i class="ion-ios-home-outline"></i></a>    
  697. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">
  698. <i class="ion-ios-chatboxes-outline"></i>    
  699. </a>
  700. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">
  701. <i class="ion-ios-filing-outline" style="font-size:25px;line-height:20px" ></i> </a>
  702. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">
  703. <i class="ion-ios-star-outline"></i>    
  704. </a>
  705. </nav>
  706. </div>
  707.  
  708. <div id="posts">
  709. {block:Posts}  
  710. <div class="posts" id="{PostID}">
  711.  
  712. <!-- VIDEO -->
  713. {block:Video}
  714. <div class="video">
  715. {block:IndexPage}
  716. {Video-250}
  717. {/block:IndexPage}
  718. {block:PermalinkPage}
  719. {Video-500}
  720. {/block:PermalinkPage}
  721. {block:Indexpage}
  722. <!-- NOTES VIDEOS -->
  723. <div class="nots">
  724. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  725. <div class="allt">
  726. <a href="{Permalink}"><i class="oi-link"></i></a>
  727. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  728. <div class="custom-like-button2">{LikeButton}
  729. <span class="our_button2">LIKE</span></div>
  730. </div>
  731. </div>
  732. {/block:Indexpage}
  733. </div>
  734. {/block:Video}
  735.  
  736. <!-- FOTOS -->
  737. {block:Photo}
  738. <img src="{PhotoURL-HighRes}">
  739. {block:IndexPage}
  740. <!--NOTES FOTOS -->
  741. <div class="notsi">  
  742. <div class="likeb">
  743. <div class="custom-like-button">{LikeButton}
  744. <span class="our_button" ><i class="oi-heart"></i></span>
  745. </div></div>
  746. <div class="rblg">
  747. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>    
  748. </div>
  749. <div class="ileft">
  750. {NoteCountWithLabel}
  751. <br>
  752. {DayOfMonth} {DayOfMonthSuffix} {Month}
  753. <br>
  754. AT {24Hour}:{Minutes} {AmPm}
  755. <br>
  756. <a href="{Permalink}">PERMALINK</a>
  757. </div>    
  758. </div>
  759. {/block:IndexPage}
  760. {/block:Photo}
  761.  
  762. <!-- PHOTOSET -->
  763. {block:Photoset}
  764. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  765. <!-- NOTES PHOTOSET (SE QUISER PODE COLOCAR O MESMO CÓDIGO DOS NOTES DAS
  766. FOTOS AQUI, SÓ PEGAR AONDE ESTÁ " NOTES DAS FOTOS "-->
  767. {block:Indexpage}
  768. <div class="nots">
  769. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  770. <div class="allt">
  771. <a href="{Permalink}"><i class="oi-link"></i></a>
  772. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  773. <div class="custom-like-button2">{LikeButton}
  774. <span class="our_button2">LIKE</span></div>
  775. </div>
  776. </div>
  777. {/block:Indexpage}
  778. {/block:Photoset}
  779.  
  780. <!-- ASK -->
  781. {block:Answer}
  782. <div class="mp">
  783. <div  class="portrait"><img src="{AskerPortraitURL-64}"/></div>
  784. <div class="asker">{Asker}</div>
  785. <div class="question">{Question}</div>
  786. <div class="answer">{Answer}</div>
  787. <!-- NOTES ASK -->
  788. {block:Indexpage}
  789. <div class="nots" style="margin:0px -7px -10px -7px" >
  790. <div class="center" style="margin-top:0px; font-size:10px">
  791. {DayOfMonth}/{MonthNumberWithZero}/{Year} at {24Hour}:{Minutes} {AmPm}</div>
  792. </div>
  793. {/block:Indexpage}
  794. </div>
  795. {/block:Answer}
  796.  
  797. <!-- TEXTOS -->
  798. {block:Text}
  799. {block:Title} <h1>{Title}</h1> {/block:Title}
  800. {Body}
  801. {block:Indexpage}
  802. <div class="nots">
  803. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  804. <div class="allt">
  805. <a href="{Permalink}"><i class="oi-link"></i></a>
  806. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  807. <div class="custom-like-button2">{LikeButton}
  808. <span class="our_button2">LIKE</span></div>
  809. </div>
  810. </div>
  811. {/block:Indexpage}
  812. {/block:Text}
  813.  
  814. <!-- QUOTE -->
  815. {block:Quote}
  816. <div class="quote">{Quote}</div>
  817. {block:Source} <div class="sourcequote"> — {Source} </div> {/block:Source}
  818. {block:Indexpage}
  819. <!-- NOTES QUOTE -->
  820. <div class="nots">
  821. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  822. <div class="allt">
  823. <a href="{Permalink}"><i class="oi-link"></i></a>
  824. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  825. <div class="custom-like-button2">{LikeButton}
  826. <span class="our_button2">LIKE</span></div>
  827. </div>
  828. </div>
  829. {/block:Indexpage}
  830. {/block:Quote}
  831.  
  832. <!--- CHAT -->
  833. {block:Chat}
  834. {block:Title} <h1> {Title} </h1> {/block:Title}
  835. <div class="chat">
  836. <ul>{block:Lines}
  837. <li class="person{UserNumber}">
  838. {block:Label}
  839. <span class="label">{Label}</span>
  840. {/block:Label}
  841. {Line}</li>{/block:Lines}</ul></div>
  842. <!-- NOTES CHAT -->
  843. {block:Indexpage}
  844. <div class="nots">
  845. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  846. <div class="allt">
  847. <a href="{Permalink}"><i class="oi-link"></i></a>
  848. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  849. <div class="custom-like-button2">{LikeButton}
  850. <span class="our_button2">LIKE</span></div>
  851. </div>
  852. </div>
  853. {/block:Indexpage}
  854. {/block:Chat}
  855.  
  856.  
  857. <!-- AUDIO -->
  858. {block:Audio}
  859. <div class="audio">
  860. {block:AlbumArt}
  861. <img src="{AlbumArtURL}">
  862. {/block:AlbumArt}
  863.  <div class="player">
  864. {AudioPlayerWhite}  
  865. </div></div>
  866. <div clas="inform" style="margin-left:70px; margin-top:-50px;padding-bottom:25px; text-transform:uppercase; font-weight:bold">
  867. {block:TrackName} {TrackName} {/block:TrackName}
  868. <br>
  869. {block:Artist} {Artist} {/block:Artist}
  870. <br>
  871. {block:Album} {Album} {/block:Album}
  872. </div>
  873. <!-- NOTES AUDIO -->
  874. {block:Indexpage}
  875. <div class="nots">
  876. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  877. <div class="allt">
  878. <a href="{Permalink}"><i class="oi-link"></i></a>
  879. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  880. <div class="custom-like-button2">{LikeButton}
  881. <span class="our_button2">LIKE</span></div>
  882. </div>
  883. </div>
  884. {/block:Indexpage}
  885. {/block:Audio}
  886.  
  887. <!-- LINKS -->
  888. {block:Link}
  889. <div class="mp">
  890. <div class="links" >
  891. <a href="{URL}" {Target}><i class="ion-link" style="font-size:15px"></i> &nbsp; {Name}</a>
  892. </div>
  893. {block:Description}{Description}{/block:Description}
  894. <!-- NOTES DOS LINKS -->
  895. {block:Indexpage}
  896. <div class="nots">
  897. {NoteCount}N, {24Hour} : {Minute} {AmPm}
  898. <div class="allt">
  899. <a href="{Permalink}"><i class="oi-link"></i></a>
  900. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>
  901. <div class="custom-like-button2">{LikeButton}
  902. <span class="our_button2">LIKE</span></div>
  903. </div>
  904. </div>
  905. {/block:Indexpage}
  906. </div>
  907. {/block:Link}
  908.  
  909. <!--- BLOCK VSANNA --->
  910. <div class="vsanna">
  911. {block:RebloggedFrom}
  912. <a href="{ReblogParentURL}"></a>
  913. {/block:RebloggedFrom}
  914. {block:ContentSource}
  915. <a href="{SourceURL}"></a>
  916. {/block:ContentSource}
  917. </div>    
  918.  
  919. <!--- PERMALINK PAGE --->
  920. {block:PermalinkPage}  
  921. <div class="perma">{block:RebloggedFrom}
  922. <i class="ion-clock"></i>
  923. Posted in {DayofWeek}, {DayOfMonth} {Month} at {24hour}:{Minutes}{AmPm}
  924. <br>
  925. <i class="ion-paper-airplane"></i>
  926. Posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  927. <br>
  928. <span class="lnr lnr-user"></span>
  929. Reblogged from:
  930. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  931. <br>
  932. <span class="lnr lnr-heart"></span>
  933. This post has: {NoteCountWithLabel}
  934. <br>
  935. {/block:RebloggedFrom}  
  936. {block:PostNotes}
  937. {PostNotes-64}
  938. </div>
  939. {/block:PostNotes}
  940. {/block:PermalinkPage}
  941.  
  942.  
  943. </div>
  944. {/block:Posts}    
  945. </div>    
  946. <!-- FIM DOS POSTS -->
  947.  
  948. <!-- CREDITOS -->
  949. <div class="credit">
  950. <a href="http://yntense.tumblr.com" title="DESIGN BY YNTENSE">YNT</a>    
  951. </div>
  952.  
  953. <!-- ROLAGEM INFINITA -->
  954. {block:IndexPage}
  955. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  956. <script src="http://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
  957. {/block:IndexPage}
  958. <script>
  959. $(document).ready(function(){
  960. $('.photo-slideshow').pxuPhotoset({
  961. lightbox:true,
  962. rounded: false,
  963. gutter:'2px',
  964. photoset:'.photo-slideshow',
  965. photoWrap:'.photo-data',
  966. photo:'.pxu-photo'});
  967. {block:IndexPage}
  968. var $container = $('#posts');
  969. $container.masonry({ itemSelector:'.posts'});
  970. $container.imagesLoaded(function(){
  971. $container.masonry();
  972. $container.find('.posts').animate({opacity:1, zIndex:1});});
  973. $container.infinitescroll({
  974. itemSelector:'.posts',
  975. navSelector:'#pagination',
  976. nextSelector:'#next',
  977. loadingImg:'',
  978. loadingText:'<em></em>',
  979. bufferPx:10000},
  980. function( newElements ) {
  981. var $newElems = $( newElements );
  982. $newElems.find('.photo-slideshow').pxuPhotoset({
  983. lightbox:true,
  984. rounded:false,
  985. gutter:'1px',
  986. photoset:'.photo-slideshow',
  987. photoWrap:'.photo-data',
  988. photo:'.pxu-photo'},
  989. function(){resizeVideos();},
  990. function(){$container.masonry();});
  991. var $newElemsIDs = $newElems.map(
  992. function(){return this.id;}).get();
  993. console.log($newElems, $newElemsIDs);
  994. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  995. $newElems.imagesLoaded(function(){$container.masonry( 'appended',
  996. $newElems); $newElems.animate({ opacity:1, zIndex:1});
  997. });});
  998. {/block:IndexPage}});
  999. </script>
  1000. {block:IndexPage}
  1001. {block:Pagination}
  1002. <div id="pagination">
  1003. {block:NextPage}
  1004. <a id="next" href="{NextPage}"></a>
  1005. {/block:NextPage}
  1006. {block:PreviousPage}
  1007. <a href="{PreviousPage}">&larr;&nbsp;</a>
  1008. {/block:PreviousPage}  
  1009. </div>
  1010. {/block:Pagination}
  1011. {/block:IndexPage}
  1012. </div>
  1013.  
  1014.  
  1015. <!--- BOTAÃO SCROLL TO TOP --->
  1016. <script>
  1017. $(document).ready(function(){
  1018. $(window).scroll(function(){
  1019. if ($(this).scrollTop() > 50) {
  1020. $('.scrollTop').fadeIn();} else {
  1021. $('.scrollTop').fadeOut();}});
  1022. $('.scrollTop').click(function(){
  1023. $('html, body').animate({scrollTop : 0},700);
  1024. return false;
  1025. });
  1026. });
  1027. </script>
  1028. <a href="#" class="scrollTop" title="top" style="color:{color:Texts}">
  1029. <span class="lnr lnr-upload"></span></a>
  1030.    
  1031. </body>  
  1032. </html>
  1033.  
  1034.  
  1035. <!--
  1036.              ALL DESIGN MADE BY SUA URL — ALL RIGHTS RESERVED ©
  1037.                         [HTTP://YNTENSE.TUMBLR.COM]
  1038.                                —————————
  1039.                                 CREDITS:
  1040.                                —————————
  1041.            — PXU PHOTOSET + RESIZE VIDEO + INFINITE SCROLL BY
  1042.                              [ SHYTHEMES ]
  1043. -->
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×