NIGGSEX

rec2

Aug 20th, 2017
88
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!----
  2.  
  3. — MADE BY @YNTENSE — http://yntense.tumblr.com
  4. — ORIGINAL DESIGN • 2017
  5. — DONT'T REMOVE MY CREDITS AND COPY
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <html>
  11. <head>
  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. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Background Image" content="#ffffff"/>
  21. <meta name="color:Borders" content="#f8f3f3"/>
  22. <meta name="color:Texts" content="#a5a5a5"/>
  23. <meta name="color:Title" content="#888888"/>
  24. <meta name="color:Scrollba" content="#f3f5f5"/>
  25. <meta name="color:Links" content="#a8a8a8"/>
  26. <meta name="color:Links Hover" content="#dddddd"/>
  27. <meta name="color:Link Image" content="#000000"/>
  28.  
  29. <meta name="text:Link 1 URL" content="/"/>
  30. <meta name="text:Link 1 Name" content="Link"/>
  31. <meta name="text:Link 2 URL" content="/"/>
  32. <meta name="text:Link 2 Name" content="Link"/>
  33. <meta name="text:Link 3 URL" content="/"/>
  34. <meta name="text:Link 3 Name" content="Link"/>
  35. <meta name="text:Link 4 URL" content="/"/>
  36. <meta name="text:Link 4 Name" content="Link"/>
  37.  
  38.  
  39. </head>    
  40.  
  41. <link href="https://fonts.googleapis.com/css?family=Droid+Sans|Hind|PT+Sans|Source+Sans+Pro" rel="stylesheet">
  42.  
  43. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  44.  
  45. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  46.  
  47. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>  
  48.  
  49. <style type="text/css">
  50. #tumblr_controls, iframe.tmblr-iframe {
  51.     display:block!important;
  52.     position:fixed!important;
  53.     top:0px!important;
  54.     right:0px!important;
  55.     opacity:0.5!important;
  56.     transition:0.6s ease;
  57.     -webkit-transform: scale(0.7);
  58.     -moz-transform: scale(0.7);
  59.     -o-transform: scale(0.7)
  60. }
  61. iframe.tmblr-iframe {
  62.     -webkit-filter:invert(100%);
  63.     opacity:0.3;
  64.     transition:0.6s;
  65. }
  66. #tumblr-controls:hover iframe.tmblr-iframe {
  67.     opacity:0.5;
  68.     transition:0.6s;
  69. }
  70.  
  71. #s-m-t-tooltip {
  72.     position:relative;
  73.     background:{color:background};
  74.     max-width:200px;
  75.     margin:15px;
  76.     font-family: 'Hind', sans-serif;
  77.     color:{color:Texts};
  78.     font-weight:bold;
  79.     padding:7px;
  80.     box-shadow:1px 1px 1px rgba({RGBcolor:Texts},0.6);
  81. }
  82.  
  83. a, a:link, a:active, a:visited {
  84.     color:{color:Links};
  85.     text-decoration:none;
  86.     transition:0.5s ease;
  87. }
  88. a:hover {
  89.     color:{Links Hover};
  90.     transition:0.5s ease;
  91. }
  92.  
  93. ol, ul {
  94.     list-style:none;
  95. }
  96.  
  97. blockquote {
  98.     padding:7px!important;
  99.     margin:0!important;
  100. }
  101.  
  102. h1, h5 {
  103.     text-align:center;
  104.     text-transform:uppercase;
  105.     font-family: 'Hind', sans-serif;
  106.     color:{color:Texts};
  107.     font-size:11px;
  108.     background:#;
  109. }
  110.  
  111. ::selection, ::-webkit-selection,
  112. ::-moz-selection, ::-o-selection {
  113.     background: rgba({RGBcolor:Texts},.4);
  114.     color:{color:Links Hover};
  115.     font-weight:bold;
  116. }
  117.  
  118. ::-webkit-scrollbar {
  119.     width:17px;
  120.     height:0px;
  121. }
  122. ::-webkit-scrollbar {
  123.     background:{color:Background};
  124. }
  125. ::-webkit-scrollbar-track {
  126.     background:{color:Background};
  127.     border:8px solid {color:Background};
  128. }
  129. ::-webkit-scrollbar-thumb {
  130.     background:{color:Scrollbar};
  131.     border:8px solid {color:Background};
  132. }
  133.  
  134. body {
  135.     background-color:{color:Background};
  136.     color:{color:Texts};
  137.     font-family: 'Hind', sans-serif;
  138.     font-size:10px;
  139.     text-transform:none;
  140.     font-style:normal;
  141.     font-weight:normal;
  142.     text-align:Justify;
  143. }
  144.  
  145. .quote {
  146.     font-family: 'Hind', sans-serif;
  147.     font-size:11px;
  148.     text-align:Justify;
  149. }
  150.  
  151. .source {
  152.     text-align:left;
  153.     font-size:8px;
  154.     font-weight:bold;
  155.     font-style:italic;
  156.     text-transform:uppercase;
  157.     color:{color:Texts};
  158. }
  159.  
  160. .question{
  161.     z-index:1;
  162.     border-top: 1px solid {color:borders};
  163.     border-bottom: 1px solid {color:borders};
  164.     text-align:left;
  165.     font-size:11px;
  166.     padding:10px;
  167.     margin-left:-10px;
  168.     margin-right:-10px;
  169. }
  170.  
  171. .asker{
  172.     margin-bottom:2px;
  173.     margin-top:-6px;
  174.     margin-left:-10px;
  175.     margin-right:-10px;
  176.     font-family:'Hind', sans-serif;
  177.     padding:5px;
  178.     padding-bottom:7px;
  179.     font-size:9px;
  180.     letter-spacing:0.50px;
  181.     text-align:left;
  182.     text-transform:uppercase;
  183.     border-bottom:1px solid {color:borders};
  184.     text-indent:10px;
  185. }
  186.  
  187. .portrait img{
  188.     display:inline;
  189.     float:left;
  190.     width:18px;
  191.     height:18px;
  192.     border-radius:100%;
  193.     border:1px solid {color:borders};
  194.     margin-left:5px;
  195.     margin-top:-6px;
  196. }
  197.  
  198. .answer{
  199.     margin-top:5px;
  200.     text-align:left;
  201.     font-size:11px;
  202.     padding-left:0px;
  203. }
  204.  
  205.  
  206. .chat {
  207.     line-height:13px;
  208.     list-style:none;
  209. }
  210. .chat ul {
  211.      list-style: none;
  212.      padding:5px;
  213. }
  214. .person1 {
  215.     color:{color:Texts};
  216.     padding:2px;
  217.     text-transform:Uppercase;
  218.     font-style:Italic;
  219.    
  220. }
  221. .person1 .label {
  222.     color:{color:Texts};
  223.     text-transform:Uppercase;
  224.     font-style:Italic;
  225.     font-weight:Bold;
  226. }
  227. .person2 {
  228.     color:{color:Texts};
  229.     padding:2px;
  230.     text-transform:Uppercase;
  231.     font-style:Italic;
  232. }
  233. .person2 .label {
  234.     color:{color:Texts};
  235.     text-transform:Uppercase;
  236.     font-style:Italic;
  237.     font-weight:Bold;
  238. }
  239.  
  240.  
  241. #albumcapa img {
  242.     width:82px;
  243.     position:absolute;
  244.     padding:5px;
  245.     border:1px solid {color:borders};}  
  246. .play{
  247.     margin-left:97px;
  248.     border:1px solid {color:borders};
  249.     overflow:hidden;
  250.     width:119px;}
  251. #cap {
  252.     margin-left:97px;
  253. }
  254. .list{
  255.     border:1px solid {color:borders};
  256.     height:17px;
  257.     line-height:20px;
  258.     margin-top:2px;
  259.     font-family:'Hind', sans-serif;
  260.     text-transform:uppercase;
  261.     font-size:9px;
  262.     word-spacing:-2px;
  263.     padding-left:8px;
  264. }
  265.  
  266. .video {
  267.     display:block;
  268.     width:100%
  269.     overflow:hidden;
  270. }
  271.  
  272. .video, .video iframe {
  273.     width:100%;
  274.     overflow:hidden;
  275. }
  276.  
  277. .link {
  278.     margin: 0 0 5px 0;
  279.     text-align:center;
  280. }
  281. .link a {
  282.     font-size:10px;
  283.     color:{color:links};
  284.     text-transform:uppercase;
  285.     text-align:center;
  286.     letter-spacing:0.7px;
  287.     transition: 0.5s ease;
  288.    
  289. }
  290. .link a:hover {
  291.     color:{color:links hover};
  292.     transition: 0.50s ease;
  293. }
  294.  
  295.  
  296.  
  297. .padding_posts {
  298.     padding:10px;
  299.     border:1px solid {color:Borders};
  300. }
  301.  
  302. .entry {
  303.     width:840px;
  304.     margin:auto;
  305. }
  306.  
  307. #input {
  308.     position:relative;
  309.     width:840px;
  310.     margin:0!important;
  311.     padding:10px;
  312. }
  313.  
  314. .posts {
  315.     display:inline-block;
  316.     overflow:hidden;
  317.     margin:15px;
  318.     width:240px;
  319.     background-color:{color:Background};
  320.     padding:0!important;
  321.     font-family: 'Hind' , sans-serif;
  322.     font-size:10px;
  323.     text-align: Justify;
  324.     opacity:1;
  325.     z-index:1;
  326.     {block:PermalinkPage}
  327.     width:500px;
  328.     {/block:PermalinkPage}
  329. }
  330.  
  331. {block:Indexpage}
  332. .posts {
  333.     opacity:0;
  334.     z-index:-1;
  335.     transition:0.5s;
  336. }
  337. {/block:Indexpage}
  338.  
  339. .posts img {
  340.     width:100%;
  341. }
  342.  
  343.  
  344. </style>
  345. <body>
  346.    
  347. <div class="entry">
  348. <div id="input">
  349. {block:Posts}
  350. <div class="posts">
  351.    
  352. {block:Video}
  353. <div class="videos padding_posts">
  354. {block:Indexpage} {Video-250} {/block:Indexpage}
  355. {block:PemarlinkPage} {Video-500} {block:PemarlinkPage}
  356. </div>
  357. {/block:Video}
  358.  
  359. {block:Photo}
  360. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>    
  361. {/block:Photo}
  362.  
  363. {block:Photoset}
  364. <div class="padding_posts">
  365. <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>
  366.    
  367.    
  368. </div>
  369. {/block:Photoset}
  370.  
  371.  
  372. {block:Text}
  373. <div class="padding_posts">
  374. {block:Title} <h1> {Title} </h1> {block:Title}
  375. {Body}
  376. </div>
  377. {block:Text}
  378.  
  379. {block:Quote}
  380. <div class="quote"> {Quote} </div>
  381. {block:Source}<div class="source"> — {Source} </div>{/block:Source}
  382. {/block:Quote}
  383.  
  384. {block:Answer}
  385. <div class="padding_posts">
  386. <div  class="portrait"><img src="{AskerPortraitURL-64}"/></div>
  387. <div class="asker">{Asker}</div>
  388. <div class="question">{Question}</div>
  389. <div class="answer">{Answer}</div>
  390. </div>
  391. {/block:Answer}
  392.  
  393. {block:Chat}
  394. <div class="padding_posts">
  395.  
  396. {block:Title} <h1> {Title} </h1> {/block:Title}
  397. <div class="chat">
  398. <ul>{block:Lines}
  399. <li class="person{UserNumber}">
  400. {block:Label}
  401. <span class="label">{Label}</span>
  402. {/block:Label}
  403. {Line}</li>{/block:Lines}</ul></div>
  404.  
  405. </div>
  406. {/block:Chat}
  407.    
  408. {block:Audio}
  409. <div class="padding_posts">
  410. <div class="audio">
  411. {block:AlbumArt}<div id="albumcapa"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  412. <div class="play">
  413. {AudioPlayerWhite}    
  414. </div>
  415. <div id="cap">
  416. <div class="list">Track: {block:TrackName} {TrackName} {/block:TrackName}</div>
  417. <div class="list">Artist: {block:Artist} {Artist} {/block:Artist}</div>
  418. <div class="list">Album: {block:Album} {Album} {/block:Album}</div>
  419. </div></div>
  420.    
  421. </div>
  422. {/block:Audio}
  423.  
  424.  
  425. {block:Link}
  426. <div class="padding_posts">
  427. <div class="links" >
  428. <a href="{URL}" {Target}><i class="ion-link" style="font-size:15px"></i> &nbsp; {Name}</a>
  429. </div>
  430. {block:Description}{Description}{/block:Description}    
  431. </div>
  432. {/block:Link}
  433.  
  434. </div>
  435. {/block:Posts}
  436. </div>
  437. </div>
  438.    
  439.    
  440.    
  441. {block:IndexPage}
  442.  
  443. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  444. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  445.  
  446. {/block:IndexPage}
  447.  
  448. <script>
  449. $(document).ready(function(){
  450.    $('.photo-slideshow').pxuPhotoset({
  451.        lightbox: true,
  452.        rounded: false,
  453.        gutter: '0.5px',
  454.        photoset: '.photo-slideshow',
  455.        photoWrap: '.photo-data',
  456.        photo: '.pxu-photo'
  457.    });
  458.    {block:IndexPage}
  459.    var $container = $('#input');
  460.    $container.masonry({ itemSelector: '.posts' });
  461.    $container.imagesLoaded(function(){
  462.        $container.masonry();
  463.        $container.find('.posts').animate({ opacity: 1, zIndex: 1 });
  464.    });
  465.    
  466.    $container.infinitescroll({
  467.        itemSelector: '.posts',
  468.        navSelector: '#pagination',
  469.        nextSelector: '#next',
  470.        loadingImg: '',
  471.        loadingText: '<em></em>',
  472.        bufferPx: 20000
  473.    },
  474.    function( newElements ) {
  475.        var $newElems = $( newElements );
  476.        $newElems.find('.photo-slideshow').pxuPhotoset({
  477.            lightbox: true,
  478.            rounded: false,
  479.            gutter: '0.5px',
  480.            photoset: '.photo-slideshow',
  481.            photoWrap: '.photo-data',
  482.            photo: '.pxu-photo'
  483.        },
  484.        function(){
  485.            $container.masonry();
  486.        });
  487.        $newElems.imagesLoaded(function(){
  488.            $container.masonry( 'appended', $newElems );
  489.            $newElems.animate({ opacity: 1, zIndex: 1 });
  490.        resizeVideos();
  491.  
  492.        });
  493.    });
  494.    
  495.    {/block:IndexPage}
  496. });
  497. </script>  
  498. </body>
  499. </html>
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507. <!----
  508.  
  509. — MADE BY @YNTENSE — http://yntense.tumblr.com
  510. — ORIGINAL DESIGN • 2017
  511. — DONT'T REMOVE MY CREDITS AND COPY
  512.  
  513. -->
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.

×