API tools faq
paste
Advertisement
ndfjay

Deadlysin

ndfjay
Jun 28th, 2018
164
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 13.92 KB | None | 0 0
raw download clone embed print report
  1. <script>
  2. var username = "DeadlySin";
  3. var links = {
  4.     facebook: "https://www.facebook.com/Deadlysin0/",
  5.     website: "http://deadlysintut.weebly.com/",
  6. }
  7.  
  8. </script>
  9.  
  10. <link href="https://fonts.googleapis.com/css?family=Poiret+One" rel="stylesheet">
  11. <style>
  12.       .imvustylez_products_marquee{margin:0px auto; width: 960px; height: 180px; overflow: hidden;}
  13.     .imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px} .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;}
  14.     .imvustylez_products_marquee .productbox,.imvustylez_products_marquee .productbox img{width:100px !important;height:80px !important; border-radius: 5px;}
  15.  
  16.   #prods{
  17.     position: absolute;
  18.     bottom: 20px;
  19.     left: calc(50vw - 480px);
  20.   }
  21.  
  22.     #mediabtnsCont{
  23.     background: #121212;
  24.     width:280px;
  25.     height: 28px;
  26.     opacity: 1;
  27.     position: absolute;
  28.     float:left;
  29.     z-index: 900;
  30.     margin-left: 50px;
  31.     margin-top: 13px;
  32.     border-radius: 15px;
  33.     transition: opacity .4s ease-out;
  34.     -moz-transition: opacity .4s ease-out;
  35.     -webkit-transition: opacity .4s ease-out;
  36.     -o-transition: opacity .4s ease-out;
  37. }
  38.  
  39. #mediabtnsCont:hover{
  40.     opacity: 1;
  41.     transition: opacity .4s ease-in;
  42.     -moz-transition: opacity .4s ease-in;
  43.     -webkit-transition: opacity .4s ease-in;
  44.     -o-transition: opacity .4s ease-in;
  45. }
  46.  
  47. #mediabtnp {
  48.     background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_7Tr7FJN8Cu574473056.png);
  49.     width: 28px;
  50.     height: 28px;
  51.     cursor: pointer;
  52.     opacity: .4;
  53.     float: left;
  54.     position: relative;
  55.     margin-right: 28px;
  56.     transition: opacity .4s ease-in;
  57.     -moz-transition: opacity .4s ease-in;
  58.     -webkit-transition: opacity .4s ease-in;
  59.     -o-transition: opacity .4s ease-in;
  60. }
  61.  
  62. #mediabtnp:hover{
  63.     opacity: 1;
  64.     transition: opacity .4s ease-in;
  65.     -moz-transition: opacity .4s ease-in;
  66.     -webkit-transition: opacity .4s ease-in;
  67.     -o-transition: opacity .4s ease-in;
  68. }
  69.  
  70. #mediabtnp2 {
  71.     background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_7Tr7FJN8Cu574473056.png);
  72.     width: 28px;
  73.     height: 28px;
  74.     cursor: pointer;
  75.     opacity: .4;
  76.     float: left;
  77.     position: relative;
  78.     margin-right: 28px;
  79.     transition: opacity .4s ease-in;
  80.     -moz-transition: opacity .4s ease-in;
  81.     -webkit-transition: opacity .4s ease-in;
  82.     -o-transition: opacity .4s ease-in;
  83. }
  84.  
  85. #mediabtnp2:hover{
  86.     opacity: 1;
  87.     transition: opacity .4s ease-in;
  88.     -moz-transition: opacity .4s ease-in;
  89.     -webkit-transition: opacity .4s ease-in;
  90.     -o-transition: opacity .4s ease-in;
  91. }
  92.  
  93. #mediabtns {
  94.     background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_7Tr7FJN8Cu574473056.png);
  95.     width: 28px;
  96.     height: 28px;
  97.     z-index: 901;
  98.     margin-right: 28px;
  99.     float: left;
  100.     cursor: pointer;
  101.     position: relative;
  102.     opacity: .4;
  103.     transition: opacity .4s ease-in;
  104.     -moz-transition: opacity .4s ease-in;
  105.     -webkit-transition: opacity .4s ease-in;
  106.     -o-transition: opacity .4s ease-in;
  107. }
  108.  
  109. #mediabtns:hover{
  110.     opacity: 1;
  111.     transition: opacity .4s ease-in;
  112.     -moz-transition: opacity .4s ease-in;
  113.     -webkit-transition: opacity .4s ease-in;
  114.     -o-transition: opacity .4s ease-in;
  115. }
  116. .mediaPlayerContainer{
  117.   height: 42px;
  118.   position: relative;
  119.   left: -25px;
  120.   top: -15px;
  121. }
  122. #mediaPlayer{
  123.   height: 42px;
  124.   width: 950px;
  125.   float: left;
  126. }
  127.  
  128. #badges_panel{
  129.     width: 150px !important;
  130.     position: absolute !important;
  131.     top: 50px !important;
  132.     left:20px !important;
  133.   }
  134.    
  135.    #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  136.    #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
  137.    #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
  138.    #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #outfits_panel {
  139.       display: none !important;
  140.    }
  141.    #rightColumn {
  142.       display:none !important;
  143.    }
  144.  .imvustylez_products_marquee{margin:0px auto}
  145.  .imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px}
  146.  .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;} .imvustylez_products_marquee
  147.  .productbox,
  148.  .imvustylez_products_marquee
  149.  .productbox img{width:100px !important;height:80px !important;}
  150.  #headerbox { display: none !important; }
  151.   #footerBanner { display: none !important; }
  152.   #footer_style { display: none !important; }
  153.   #footer_panel { display: none !important; }
  154.   #ad_panel { display: none !important; }
  155.   #dev_panel{display:none !important;}
  156.   #imvuTopNav{display:none !important;}
  157.   #ccpheader_leaderboard{display: none !important;}
  158.  
  159. #url_panel_colRow, .imvucodes_net { display:none !important; }
  160. .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
  161.  
  162. </style>
  163. <div id="contentArea" style="min-width: 960px; width: 100vw; position: absolute; top: 0px; left: 0px"></div>
  164. <div id="prods" style="display: none" class='imvustylez_products_marquee'>
  165.     <div style='width:960px'>
  166.         <script type="text/javascript" src="https://gaf210.imvustylez.net/newprodsbanner/filtered_dev_panel.js.php?dev_id=27917016&pn=new&q=25"></script>
  167.     </div>
  168. </div>
  169. <script>
  170. function createElement(s){
  171.     this.def = {
  172.         width: (s.width ? s.width : "100%"),
  173.         height: (s.height ? s.height : "500px"),
  174.         background: (s.background ? s.background : "background-color: rgba(0,0,0,1)"),
  175.         yPos: (s.yOff ? s.yOff : "top: 0px"),
  176.         xPos: (s.xOff ? s.xOff : "left: 0px"),
  177.         content: (s.content ? s.content : ''),
  178.         align: (s.align ? s.align : "center"),
  179.         zIndex: (s.zIndex ? s.zIndex : '1'),
  180.         position: (s.position ? s.position : 'relative'),
  181.         float: (s.float ? s.float : 'left'),
  182.         id: (s.id ? s.id : 'div'),
  183.         backgroundAttach: (s.backgroundAttachment ? s.backgroundAttachment : "initial"),
  184.         backgroundPos: (s.backgroundPosition ? s.backgroundPosition : "initial"),
  185.         backgroundRep: (s.backgroundRepeat ? s.backgroundRepeat : "initial"),
  186.         backgroundSize: (s.backgroundSize ? s.backgroundSize : "initial"),
  187.     }
  188.  
  189.     this.style = 'width: '+this.def.width
  190.     +'; height: '+this.def.height
  191.     +'; '+this.def.yPos
  192.     +'; '+this.def.xPos
  193.     +'; text-align: '+this.def.align
  194.     +'; position: '+this.def.position
  195.     +'; float: '+this.def.float
  196.     +'; background-attachment: '+this.def.backgroundAttach
  197.     +'; background-position: '+this.def.backgroundPos
  198.     +'; background-repeat: '+this.def.backgroundRep
  199.     +'; background-size: '+this.def.backgroundSize
  200.     +'; '+this.def.background;
  201.  
  202.     this.template = `<div id='`+this.def.id+`' style='`+this.style+`'>
  203.     `+this.def.content+`
  204.     </div>`;
  205.  
  206.     this.init = function(){
  207.             $('#contentArea').append(this.template);
  208.         }
  209. }
  210.  
  211. new createElement({
  212.     height: 'calc(100vh - 150px)',
  213.     id: 'home',
  214.     background: 'background: radial-gradient(rgba(0,0,0,.4), rgba(255,255,255,.2))',
  215.     content: `
  216.         <div id="urect" style="background: rgba(54,54,54,.7); border-radius: 5px; width: 250px; height: 70px; position: absolute; top: calc(50% - 35px); left: calc(50% - 125px);">
  217.             <div style="border-style: dotted; border-width: 5px; border-color: #f2f2f2; width: 230px; height: 50px; position: absolute; top: 5px; left: 5px;">
  218.                 <div id="userName" style="font-size: 40px; font-family: 'Poiret One'; font-weight: bold; color: #f2f2f2">
  219.                     `+username+`
  220.                 </div>
  221.             </div>
  222.        
  223.         </div>
  224.     `
  225. }).init();
  226.  
  227. new createElement({
  228.     height: '150px',
  229.     id: 'custmesh',
  230.     background: 'background: #363639',
  231.     content: `
  232.         <div style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.4)">
  233.     <div style="border-style: dashed none dashed none; border-width: 5px; border-color: #f2f2f2; width: 100%; height: 140px; position: absolute; top: 0px; left: 0px">
  234.  
  235.         <div style="position: absolute; top: calc(50% - 20px); width: 100%; left: 0px; height: 40px; font-size: 40px; font-family: 'Poiret One'; font-weight: bold; color: #f2f2f2">
  236.             <center>
  237.             Want a custom mesh? message me with your requests!
  238.             </center>
  239.         </div>
  240.     </div>
  241.     </div>
  242.     `
  243. }).init();
  244.  
  245. new createElement({
  246.     height: '150px',
  247.     id: 'credit',
  248.     background: 'background-image: url(http://imvu.riedesign.tk/Homepages/Rieno/Parallax/foliage.jpg)',
  249.     backgroundRepeat: 'no-repeat',
  250.     backgroundSize: 'cover',
  251.     backgroundPosition: 'center',
  252.     backgroundAttachment: 'fixed',
  253.     content: `
  254.         <div style="width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(0,0,0,.4)">
  255.     <div style="border-style: dashed none dashed none; border-width: 5px; border-color: #f2f2f2; width: 100%; height: 140px; position: absolute; top: 0px; left: 0px">
  256.  
  257.         <div style="position: absolute; top: calc(50% - 20px); width: 100%; left: 0px; height: 40px; font-size: 40px; font-family: 'Poiret One'; font-weight: bold; color: #f2f2f2">
  258.             <center>
  259.             Homepage Code and Design By <a href="http://avatars.imvu.com/Rieno" style="text-decoration: none; color: #FFF">&regieno</a>
  260.             </center>
  261.         </div>
  262.     </div>
  263.     </div>
  264.     `
  265. }).init();
  266.  
  267. new createElement({
  268.     height: '35px',
  269.     position: 'fixed',
  270.     background: 'background: #363639',
  271.     content: `
  272.     <center style="font-family: 'Poiret One'; color: #FFF">
  273.     <div style="margin-top: 10px">
  274.     <a target="_new" href="`+links.facebook+`" style="text-decoration: none; color: #FFF">Facebook</a> | <a target="_new" href="`+links.website+`" style="text-decoration: none; color: #FFF">Mesh Tutorials</a> | <a href="javascript:void(0)" onclick="IMVU.messagePopupShow({force_recipient_id:27917016}); return false;" style="text-decoration: none; color: #FFF">Message</a>
  275.     </div>
  276.     </center>
  277.  
  278.                 <div id="mediabtnsCont" class="footCTRL" style="background: rgba(0,0,0,0); position: absolute; right: 5px; bottom: 2px; display: block;">
  279.                       <div style="height: 28px; width: 42px; float: left; position: relative;"> </div>
  280.                       <div id="mediabtns" onclick="player.previousVideo()"></div>
  281.                       <div id="mediabtnp" onclick="switchplaystate()"></div>
  282.                       <div style="background-position: -56px" id="mediabtns" onclick="player.nextVideo()"></div>
  283.                       <div style="background-position: -84px" id="mediabtns" onclick="setVolume()"></div>
  284.                 </div>
  285.  
  286.                 <div id="footerTitle" style="display: block; position: absolute; bottom: 7px; left: 15px; max-height:20px; width: 250px; z-index: 11; color: #FFF; font-size: 12px; text-align: center; overflow-x: hidden; overflow-y: hidden;">
  287.                     <marquee id="songTitle" style="font-family: 'Poiret One'; width: 250px" scrollamount='1' direction='left' behavior='scroll'>
  288.                     </marquee>
  289.                 </div>
  290.     `
  291. }).init();
  292.  
  293. $(document).ready(function(){
  294.     lAlign()
  295.     setTimeout(function(){
  296.         $('#contentArea').fadeOut('slow', function(){
  297.             $('#contentArea').fadeIn('slow');
  298.             $('body').prepend('<iframe onload="onYouTubePlayerAPIReady()" id="video" style="position: fixed; z-index: -1 !important; width: 100vw; height: 200vh; top: calc(50% - 100vh); left: 0px; filter: blur(1px) saturate(120%) brightness(110%) contrast(105%) grayscale(15%); overflow: hidden !important;" src="//www.youtube.com/embed/videoseries?list=PLnjmKq713yuLW9AsnW6eV9Q65uMEHWWG_&enablejsapi=1&html5=1&autoplay=1" frameboarder="0" allowfullscreen></iframe>');
  299.             $('#home').append($('#prods'));
  300.             document.getElementById('prods').style.display = "block";
  301.             $('#custmesh').append($('#badges_panel'));
  302.            
  303.         })
  304.     }, 250)
  305. })
  306.  
  307.  
  308.  
  309. // YOUTUBE PLAYER API AND SETTINGS
  310.  
  311.  
  312. if (!window['YT']) {var YT = {loading: 0,loaded: 0};}if (!window['YTConfig']) {var YTConfig = {'host': 'http://www.youtube.com'};}if (!YT.loading) {YT.loading = 1;(function(){var l = [];YT.ready = function(f) {if (YT.loaded) {f();} else {l.push(f);}};window.onYTReady = function() {YT.loaded = 1;for (var i = 0; i < l.length; i++) {try {l[i]();} catch (e) {}}};YT.setConfig = function(c) {for (var k in c) {if (c.hasOwnProperty(k)) {YTConfig[k] = c[k];}}};var a = document.createElement('script');a.type = 'text/javascript';a.id = 'www-widgetapi-script';a.src = 'https:' + '//s.ytimg.com/yts/jsbin/www-widgetapi-vfl1Omgyb/www-widgetapi.js';a.async = true;var b = document.getElementsByTagName('script')[0];b.parentNode.insertBefore(a, b);})();}
  313. var player;
  314. function onYouTubePlayerAPIReady() {
  315.   player = new YT.Player('video', {
  316.     events: {
  317.             'onReady': onPlayerReady,
  318.             'onStateChange': onPlayerStateChange
  319.     }
  320.   });
  321. }
  322. function onPlayerReady(event) {
  323.      player.playVideo();
  324. }
  325.  
  326. function onPlayerStateChange(event) {
  327. if ( player ) {
  328.  
  329.         if ( player.getPlayerState() != 2 ) {
  330.           document.getElementById( "songTitle" ).innerText = player.getVideoData().title;
  331.           document.getElementById('mediabtnp').style = "background-position: -112px 0px";
  332.          
  333.         } else {
  334.           document.getElementById( "songTitle" ).innerText = 'Press Play ►';
  335.           document.getElementById('mediabtnp').style = "background-position: -28px 0px";
  336.         }
  337.     }
  338. }
  339.  
  340. function switchplaystate(){
  341.   (player.getPlayerState() == 1 ? player.pauseVideo() : player.playVideo());
  342. }
  343.  
  344. function setVolume(){
  345.     if(player.getVolume() >=76 && player.getVolume() <= 100){
  346.         player.setVolume(75);
  347.     }else if(player.getVolume() >=51 && player.getVolume() <= 75){
  348.         player.setVolume(50);
  349.     }else if(player.getVolume() >=26 && player.getVolume() <= 50){
  350.         player.setVolume(25);
  351.     }if(player.getVolume() >=16 && player.getVolume() <= 25){
  352.         player.setVolume(15);
  353.     }if(player.getVolume() >=1 && player.getVolume() <= 15){
  354.         player.setVolume(0);
  355.     }if(player.getVolume() == 0){
  356.         player.setVolume(100);
  357.     }
  358. }
  359.  
  360. function lAlign(){
  361. if(document.getElementById('url_panel')){
  362.   document.getElementById('url_panel').style = "left: 0px; top: 0px; width: 100wv !important;"
  363.   document.getElementById('imvuContent').align = "left";
  364.     var links = document.getElementsByTagName("a");
  365.     for(var i=0;i<links.length;i++)
  366.     {
  367.         if(links[i].href)
  368.         {
  369.             links[i].style.color = '#FFF';  
  370.         }
  371.     }
  372. }
  373. }
  374.  
  375. </script>
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!