API tools faq
paste
Advertisement
NIGGSEX

BASE FOR XALERQUINAA

NIGGSEX
Oct 20th, 2017
120
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.12 KB | None | 0 0
raw download clone embed print report
  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*/
  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:12px;
  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. .center {
  551.     width:100%;
  552.     text-align:center;
  553.     font-size:11px;
  554.     margin-top:-17px;
  555. }
  556.  
  557.  
  558. .allt {
  559.     position:absolute;
  560.     text-align:right;
  561.     float:right;
  562.     text-transform:uppercase;
  563.     margin-top:-15px;
  564.     right:7px;
  565.     color:{color:Texts}
  566.     transition:.5s;
  567.     font-size:14px;
  568.  
  569. }
  570. .allt i {
  571.     font-size:11px;
  572.     color:{color:Texts}
  573. }
  574. .allt a {
  575.     color:{color:Texts};
  576. }
  577.  
  578. /* LIKE BUTTON */
  579. .custom-like-button2 *{
  580.     cursor:pointer!important;}
  581. .custom-like-button2 {
  582.     position:relative;
  583.     display:inline-block;
  584.     vertical-align:top;
  585.     padding:4px;
  586.     cursor:pointer;
  587.     margin-right:7px;}
  588. .like_button.liked + .our_button2 {color:red;}
  589. .like_button iframe {
  590.     width:100%!important;
  591.     height:100%!important;}
  592. .like_button {
  593.     z-index:10;
  594.     opacity:0;}
  595. .our_button2 {
  596.     z-index:1;}
  597. .our_button2,.like_button {
  598.     position:absolute;
  599.     top:0;
  600.     left:0;
  601.     width:100%;
  602.     height:100%;}
  603. /* END NOTES TEXTS */
  604.  
  605. /* INICIO SIDEBAR/*
  606.  
  607. /* CAIXA */
  608. .sidebar {
  609.     margin-top:80px;
  610.     margin-left:20px;
  611.     position:fixed;
  612.     background:{color:sidebar};
  613.     z-index:9;
  614.     width:200px;
  615.     min-height:50px;
  616.     max-height:120px;
  617.     height:auto;
  618.     box-shadow:1px 1px 1px rgba(0,0,0,.3);
  619.     text-align:center;}
  620.  
  621.  
  622. /* ICON */
  623. .avatarimage{
  624.     position:fixed;
  625.     margin-top:-25px;
  626.     float:left;
  627.     margin-left:70px;}
  628.    
  629. .avatarimage img{
  630.     width:45px;
  631.     height:45px;
  632.     border:1px solid {color:borders};
  633.     border-radius:100%;}    
  634.  
  635. /* TITULO */
  636. .title {
  637.     /* pra ficar no meio, coloque o mesmo tamanho que colocou de sidebar */
  638.     width:200px;
  639.     text-indent:-10px;
  640.     position:fixed;
  641.     text-transform:uppercase;
  642.     letter-spacing:0.70px;
  643.     font-size:11px;
  644.     color:{color:Title};
  645.     text-align:center;
  646.     margin-top:25px;
  647.     line-height:100%;}
  648.    
  649. /* DESCRIÇÃO */
  650. .description {
  651.     position:fixed;
  652.     text-transform:uppercase;
  653.     padding:10px;
  654.     font-size:9px;
  655.     width:180px;
  656.     text-align:center;
  657.     letter-spacing:1px;
  658.     margin-top:40px;
  659.     margin-left:0px;
  660.     z-index:10;}    
  661.  
  662. /* MENU */    
  663. nav {
  664.     width:135px;
  665.     height:25px;
  666.     padding:5px;
  667.     background:{color:Sidebar};
  668.     border:1px solid {color:borders};
  669.     margin:130px auto;
  670.     box-shadow:1px 1px 1px rgba(0,0,0,.3);
  671.     text-align:center;}    
  672.  
  673. nav a {
  674.     display:inline-block;
  675.     padding:0px 7px 10px 7px;
  676.     width:17px;
  677.     height:17px;
  678.     font-size:20px;
  679.     text-align:center;
  680.     margin-top:-3px;
  681.     margin-bottom:1px;
  682.     border-radius:100%;
  683.     transition:0.5s;}    
  684.  
  685. nav a:hover {
  686.     background:{color:borders};
  687.     color:{color:Title};
  688.     transition:.5s;}    
  689. /* FIM SIDEBAR */    
  690. </style>
  691. </head>
  692.  
  693. <body>
  694.  
  695. <!-- SIDEBAR -->
  696. <div class="sidebar">
  697. <!-- ICON -->
  698. <div class="avatarimage"><img src="{PortraitURL-64}"/></div>  
  699. <!-- TITULO -->
  700. <div class="title">{Title}</div>
  701. <!-- DESCRIÇÃO -->
  702. <div class="description">{Description}</div>
  703. <!-- MENU -->
  704. <nav>
  705. <a href="{text:Link 1 URL}" title="{text:Link 1 Title}">
  706. <i class="ion-ios-home-outline"></i></a>    
  707. <a href="{text:Link 2 URL}" title="{text:Link 2 Title}">
  708. <i class="ion-ios-chatboxes-outline"></i>    
  709. </a>
  710. <a href="{text:Link 3 URL}" title="{text:Link 3 Title}">
  711. <i class="ion-ios-filing-outline" style="font-size:25px;line-height:20px" ></i> </a>
  712. <a href="{text:Link 4 URL}" title="{text:Link 4 Title}">
  713. <i class="ion-ios-star-outline"></i>    
  714. </a>
  715. </nav>
  716. </div>
  717.  
  718. <div id="posts">
  719. {block:Posts}  
  720. <div class="posts" id="{PostID}">
  721.  
  722. <!-- VIDEO -->
  723. {block:Video}
  724. <div class="video">
  725. {block:IndexPage}
  726. {Video-250}
  727. {/block:IndexPage}
  728. {block:PermalinkPage}
  729. {Video-500}
  730. {/block:PermalinkPage}
  731. {block:Indexpage}
  732. <!-- NOTES VIDEOS -->
  733. <div class="nots">
  734. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  735. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  736. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  737. <div class="center">
  738. {NoteCount}N    
  739. </div>
  740. <div class="allt">
  741. <div class="custom-like-button2">{LikeButton}
  742. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  743. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  744. </div>
  745. </a>
  746. </div>
  747. {/block:Indexpage}
  748. </div>
  749. {/block:Video}
  750.  
  751. <!-- FOTOS -->
  752. {block:Photo}
  753. <img src="{PhotoURL-HighRes}">
  754. {block:IndexPage}
  755. <!--NOTES FOTOS -->
  756. <div class="notsi">  
  757. <div class="likeb">
  758. <div class="custom-like-button">{LikeButton}
  759. <span class="our_button" ><i class="oi-heart"></i></span>
  760. </div></div>
  761. <div class="rblg">
  762. <a href="{ReblogURL}"><i class="oi-refresh"></i></a>    
  763. </div>
  764. <div class="ileft">
  765. {NoteCountWithLabel}
  766. <br>
  767. {DayOfMonth} {DayOfMonthSuffix} {Month}
  768. <br>
  769. AT {24Hour}:{Minutes} {AmPm}
  770. <br>
  771. <a href="{Permalink}">PERMALINK</a>
  772. </div>    
  773. </div>
  774. {/block:IndexPage}
  775. {/block:Photo}
  776.  
  777. <!-- PHOTOSET -->
  778. {block:Photoset}
  779. <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>
  780. <!-- NOTES PHOTOSET (SE QUISER PODE COLOCAR O MESMO CÓDIGO DOS NOTES DAS
  781. FOTOS AQUI, SÓ PEGAR AONDE ESTÁ " NOTES DAS FOTOS "-->
  782. {block:Indexpage}
  783. <div class="nots">
  784. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  785. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  786. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  787. <div class="center">
  788. {NoteCount}N    
  789. </div>
  790. <div class="allt">
  791. <div class="custom-like-button2">{LikeButton}
  792. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  793. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  794. </div>
  795. </a>
  796. </div>
  797. {/block:Indexpage}
  798. {/block:Photoset}
  799.  
  800. <!-- ASK -->
  801. {block:Answer}
  802. <div class="mp">
  803. <div  class="portrait"><img src="{AskerPortraitURL-64}"/></div>
  804. <div class="asker">{Asker}</div>
  805. <div class="question">{Question}</div>
  806. <div class="answer">{Answer}</div>
  807. <!-- NOTES ASK -->
  808. {block:Indexpage}
  809. <div class="nots" style="margin:0px -7px -10px -7px" >
  810. <div class="center" style="margin-top:0px; font-size:10px">
  811. {DayOfMonth}/{MonthNumberWithZero}/{Year} at {24Hour}:{Minutes} {AmPm}</div>
  812. </div>
  813. {/block:Indexpage}
  814. </div>
  815. {/block:Answer}
  816.  
  817. <!-- TEXTOS -->
  818. {block:Text}
  819. {block:Title} <h1>{Title}</h1> {/block:Title}
  820. {Body}
  821. {block:Indexpage}
  822. <div class="nots">
  823. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  824. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  825. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  826. <div class="center">
  827. {NoteCount}N    
  828. </div>
  829. <div class="allt">
  830. <div class="custom-like-button2">{LikeButton}
  831. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  832. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  833. </div>
  834. </a>
  835. </div>
  836. {/block:Indexpage}
  837. {/block:Text}
  838.  
  839. <!-- QUOTE -->
  840. {block:Quote}
  841. <div class="quote">{Quote}</div>
  842. {block:Source} <div class="sourcequote"> — {Source} </div> {/block:Source}
  843. <!-- NOTES QUOTE -->
  844. {block:Indexpage}
  845. <div class="nots">
  846. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  847. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  848. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  849. <div class="center">
  850. {NoteCount}N    
  851. </div>
  852. <div class="allt">
  853. <div class="custom-like-button2">{LikeButton}
  854. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  855. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  856. </div>
  857. </a>
  858. </div>
  859. {/block:Indexpage}
  860. {/block:Quote}
  861.  
  862. <!--- CHAT -->
  863. {block:Chat}
  864. {block:Title} <h1> {Title} </h1> {/block:Title}
  865. <div class="chat">
  866. <ul>{block:Lines}
  867. <li class="person{UserNumber}">
  868. {block:Label}
  869. <span class="label">{Label}</span>
  870. {/block:Label}
  871. {Line}</li>{/block:Lines}</ul></div>
  872. <!-- NOTES CHAT -->
  873. {block:Indexpage}
  874. <div class="nots">
  875. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  876. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  877. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  878. <div class="center">
  879. {NoteCount}N    
  880. </div>
  881. <div class="allt">
  882. <div class="custom-like-button2">{LikeButton}
  883. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  884. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  885. </div>
  886. </a>
  887. </div>
  888. {/block:Indexpage}
  889. {/block:Chat}
  890.  
  891.  
  892. <!-- AUDIO -->
  893. {block:Audio}
  894. <div class="audio">
  895. {block:AlbumArt}
  896. <img src="{AlbumArtURL}">
  897. {/block:AlbumArt}
  898.  <div class="player">
  899. {AudioPlayerWhite}  
  900. </div></div>
  901. <div clas="inform" style="margin-left:70px; margin-top:-50px;padding-bottom:25px; text-transform:uppercase; font-weight:bold">
  902. {block:TrackName} {TrackName} {/block:TrackName}
  903. <br>
  904. {block:Artist} {Artist} {/block:Artist}
  905. <br>
  906. {block:Album} {Album} {/block:Album}
  907. </div>
  908. <!-- NOTES AUDIO -->
  909. {block:Indexpage}
  910. <div class="nots">
  911. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  912. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  913. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  914. <div class="center">
  915. {NoteCount}N    
  916. </div>
  917. <div class="allt">
  918. <div class="custom-like-button2">{LikeButton}
  919. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  920. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  921. </div>
  922. </a>
  923. </div>
  924. {/block:Indexpage}
  925. {/block:Audio}
  926.  
  927. <!-- LINKS -->
  928. {block:Link}
  929. <div class="mp">
  930. <div class="links" >
  931. <a href="{URL}" {Target}><i class="ion-link" style="font-size:15px"></i> &nbsp; {Name}</a>
  932. </div>
  933. {block:Description}{Description}{/block:Description}
  934. <!-- NOTES DOS LINKS -->
  935. {block:Indexpage}
  936. <div class="nots">
  937. <a href="{Permalink}" target="_blank"><span class="lnr lnr-cog"></span></a>
  938. <a title="{DayOfMonth} {DayOfMonthSuffix} {Month}">
  939. <span class="lnr lnr-clock" style="cursor:pointer"></span></a>
  940. <div class="center">
  941. {NoteCount}N    
  942. </div>
  943. <div class="allt">
  944. <div class="custom-like-button2">{LikeButton}
  945. <span class="our_button2"><span class="lnr lnr-heart"></span></span></div>
  946. <a href="{ReblogURL}" target="_blank"><span class="lnr lnr-redo"></span></a>
  947. </div>
  948. </a>
  949. </div>
  950. {/block:Indexpage}
  951. </div>
  952. {/block:Link}
  953.  
  954. <!--- BLOCK VSANNA --->
  955. <div class="vsanna">
  956. {block:RebloggedFrom}
  957. <a href="{ReblogParentURL}"></a>
  958. {/block:RebloggedFrom}
  959. {block:ContentSource}
  960. <a href="{SourceURL}"></a>
  961. {/block:ContentSource}
  962. </div>    
  963.  
  964. <!--- PERMALINK PAGE --->
  965. {block:PermalinkPage}  
  966. <div class="perma">{block:RebloggedFrom}
  967. <i class="ion-clock"></i>
  968. Posted in {DayofWeek}, {DayOfMonth} {Month} at {24hour}:{Minutes}{AmPm}
  969. <br>
  970. <i class="ion-paper-airplane"></i>
  971. Posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  972. <br>
  973. <span class="lnr lnr-user"></span>
  974. Reblogged from:
  975. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  976. <br>
  977. <span class="lnr lnr-heart"></span>
  978. This post has: {NoteCountWithLabel}
  979. <br>
  980. {/block:RebloggedFrom}  
  981. {block:PostNotes}
  982. {PostNotes-64}
  983. </div>
  984. {/block:PostNotes}
  985. {/block:PermalinkPage}
  986.  
  987.  
  988. </div>
  989. {/block:Posts}    
  990. </div>    
  991. <!-- FIM DOS POSTS -->
  992.  
  993. <!-- CREDITOS -->
  994. <div class="credit">
  995. <a href="http://yntense.tumblr.com" title="DESIGN BY YNTENSE">YNT</a>    
  996. </div>
  997.  
  998. <!-- ROLAGEM INFINITA -->
  999. {block:IndexPage}
  1000. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1001. <script src="http://static.tumblr.com/h7yjwkn/fcjorg4n8/jquery.infinitescroll.min.js"></script>
  1002. {/block:IndexPage}
  1003. <script>
  1004. $(document).ready(function(){
  1005. $('.photo-slideshow').pxuPhotoset({
  1006. lightbox:true,
  1007. rounded: false,
  1008. gutter:'2px',
  1009. photoset:'.photo-slideshow',
  1010. photoWrap:'.photo-data',
  1011. photo:'.pxu-photo'});
  1012. {block:IndexPage}
  1013. var $container = $('#posts');
  1014. $container.masonry({ itemSelector:'.posts'});
  1015. $container.imagesLoaded(function(){
  1016. $container.masonry();
  1017. $container.find('.posts').animate({opacity:1, zIndex:1});});
  1018. $container.infinitescroll({
  1019. itemSelector:'.posts',
  1020. navSelector:'#pagination',
  1021. nextSelector:'#next',
  1022. loadingImg:'',
  1023. loadingText:'<em></em>',
  1024. bufferPx:10000},
  1025. function( newElements ) {
  1026. var $newElems = $( newElements );
  1027. $newElems.find('.photo-slideshow').pxuPhotoset({
  1028. lightbox:true,
  1029. rounded:false,
  1030. gutter:'1px',
  1031. photoset:'.photo-slideshow',
  1032. photoWrap:'.photo-data',
  1033. photo:'.pxu-photo'},
  1034. function(){resizeVideos();},
  1035. function(){$container.masonry();});
  1036. var $newElemsIDs = $newElems.map(
  1037. function(){return this.id;}).get();
  1038. console.log($newElems, $newElemsIDs);
  1039. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1040. $newElems.imagesLoaded(function(){$container.masonry( 'appended',
  1041. $newElems); $newElems.animate({ opacity:1, zIndex:1});
  1042. });});
  1043. {/block:IndexPage}});
  1044. </script>
  1045. {block:IndexPage}
  1046. {block:Pagination}
  1047. <div id="pagination">
  1048. {block:NextPage}
  1049. <a id="next" href="{NextPage}"></a>
  1050. {/block:NextPage}
  1051. {block:PreviousPage}
  1052. <a href="{PreviousPage}">&larr;&nbsp;</a>
  1053. {/block:PreviousPage}  
  1054. </div>
  1055. {/block:Pagination}
  1056. {/block:IndexPage}
  1057. </div>
  1058.  
  1059.  
  1060. <!--- BOTAÃO SCROLL TO TOP --->
  1061. <script>
  1062. $(document).ready(function(){
  1063. $(window).scroll(function(){
  1064. if ($(this).scrollTop() > 50) {
  1065. $('.scrollTop').fadeIn();} else {
  1066. $('.scrollTop').fadeOut();}});
  1067. $('.scrollTop').click(function(){
  1068. $('html, body').animate({scrollTop : 0},700);
  1069. return false;
  1070. });
  1071. });
  1072. </script>
  1073. <a href="#" class="scrollTop" title="top" style="color:{color:Texts}">
  1074. <span class="lnr lnr-upload"></span></a>
  1075.    
  1076. </body>  
  1077. </html>
  1078.  
  1079.  
  1080. <!--
  1081.              ALL DESIGN MADE BY SUA URL — ALL RIGHTS RESERVED ©
  1082.                         [HTTP://YNTENSE.TUMBLR.COM]
  1083.                                —————————
  1084.                                 CREDITS:
  1085.                                —————————
  1086.            — PXU PHOTOSET + RESIZE VIDEO + INFINITE SCROLL BY
  1087.                              [ SHYTHEMES ]
  1088. -->
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!