API tools faq
paste
Advertisement
ndfjay

Row ♥

ndfjay
Jan 27th, 2017
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.11 KB | None | 0 0
raw download clone embed print report
  1. <link href="//db.onlinewebfonts.com/c/6e642b7e536ea66056b4eb80e1391e1d?family=Captain+Howdy" rel="stylesheet" type="text/css"/>
  2.  
  3.  
  4. <style>
  5. body{
  6. background-size: cover;
  7. background-attachment: fixed;
  8. background-image: url(https://wallpaperscraft.com/image/wood_black-and-white_from_below_trees_gloomy_kroner_fog_silence_60216_3840x2400.jpg);
  9. }
  10.  
  11. @media screen and (min-width: 950px) {
  12.     body {
  13.         overflow-x: hidden;
  14.     }
  15. }
  16. </style>
  17.  
  18.     <div oncontextmenu="return false" id="contentArea" style="z-index: 1; width: 100vw; min-height: 100vh; position: absoulte; top: 0px; left: 0px;">
  19.         LOADING...
  20.  
  21.     </div>
  22.  
  23.  
  24. <script type="text/javascript">
  25. var elems = [];
  26. var love = "Rieno";
  27. var loveName = "Rieno/Jay";
  28. var loveText = "♥ Daddy 21/01/17♥";
  29. var takenBy = "Taken IRL By - ";
  30. var fade=true;
  31. var myName = "Rienie";
  32.  
  33. function getURL(){
  34.     return document.URL;
  35. }
  36.  
  37. function genLove(){
  38.     this.template = '';
  39.  
  40.     if(love != null){
  41.  
  42.         (fade ? this.template = `<div id="lovePic"><div id="lovePicOver"><div style="width: 160px; height: 15px; position: absolute; top: 120px;"><center style="color: #FFF;">`+love+`</center></div></div></div>` : this.template = `<div id="lovePic" onmouseover="document.getElementById('aName').innerHTML='`+love+`'; document.getElementById('aDesc').innerHTML='`+loveText+`'; " onmouseleave="document.getElementById('aName').innerHTML='Rieno'; document.getElementById('aDesc').innerHTML='The Neon Alternative'; "></div>`);
  43.  
  44.     }
  45.  
  46.     return this.template
  47. }
  48.  
  49. function genFriends(s){
  50.     this.friends = (s.friends ? s.friends : [])
  51.     this.styleDef = {
  52.         scale: (s.scale ? s.scale : "1"),
  53.         radius: (s.radius ? s.radius : "0px"),
  54.         spacing: (s.spacing ? s.spacing : "5px"),
  55.         overlay: (s.overlay ? s.overlay : "#000"),
  56.         opacity: (s.opacity ? s.opacity : "0"),
  57.         color: (s.color ? s.color : "#fff"),
  58.         font: (s.font ? s.font : "Poiret One")
  59.     }
  60.     this.CSSStyle = `
  61.     <style>
  62.     #fpic{
  63.         width: 100%;
  64.         height: 100%;
  65.         font-family: '`+this.styleDef.font+`';
  66.         color: `+this.styleDef.color+`;
  67.         text-alin: center;
  68.         background: `+this.styleDef.overlay+`;
  69.         border-radius: `+this.styleDef.radius+`;
  70.         opacity: 0;
  71.         transition: opacity .4s ease-in;
  72.         -moz-transition: opacity .4s ease-in;
  73.         -webkit-transition: opacity .4s ease-in;
  74.         -o-transition: opacity .4s ease-in;
  75.         cursor: context-menu;
  76.     }
  77.     #fpic:hover{
  78.         opacity: `+this.styleDef.opacity+`;
  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.     </style>`;
  85.     this.template = ``;
  86.    
  87.     this.friends.forEach(function(val, index, arr){
  88.         this.style = "background-size: cover; background-repeat: no-repeat; background-image: url(http://www.imvu.com/catalog/web_av_pic.php?av="+val+"); width: calc(160px * "+this.styleDef.scale+"); height: calc(220px * "+this.styleDef.scale+"); border-radius: "+this.styleDef.radius+"; margin-left: "+this.styleDef.spacing+"; margin-bottom: "+this.styleDef.spacing+"; float: left";
  89.                 this.template = this.template + `
  90.                 <div style="`+this.style+`">
  91.                     <div id="fpic">
  92.                         <div style="position: relative; top: calc(50% - 15px);">`+val+`</div>
  93.                     </div>
  94.                 </div>`
  95.             });
  96.     return this.CSSStyle + this.template
  97. }
  98.  
  99. function newCElem(s){
  100.     this.defaults = {
  101.         width: (s.width ? s.width : "100%"),
  102.         height: (s.height ? s.height : "500px"),
  103.         background: (s.background ? s.background : "rgba(0,0,0,1)"),
  104.         yPos: (s.yOff ? s.yOff : "top: 0px"),
  105.         xPos: (s.xOff ? s.xOff : "left: 0px"),
  106.         content: (s.content ? s.content : ''),
  107.         align: (s.align ? s.align : "center"),
  108.         zIndex: (s.zIndex ? s.zIndex : '1'),
  109.         position: (s.position ? s.position : 'absolute'),
  110.         float: (s.float ? s.float : 'left'),
  111.         id: (s.id ? s.id : 'div'),
  112.         font: (s.font ? s.font : 'Dosis'),
  113.     }
  114.     this.styleTemplate = `float: `+this.defaults.float+`; font-family: '`+this.defaults.font+`'; position: `+this.defaults.position+`; z-index: `+this.defaults.zIndex+`; text-align: `+this.defaults.align+`; width: `+this.defaults.width+`; height: `+this.defaults.height+`; background: `+this.defaults.background+`; `+this.defaults.yPos+`; `+this.defaults.xPos;
  115.  
  116.     this.template = `
  117.     <div id='`+this.defaults.id+`' style="`+this.styleTemplate+`">
  118.         `+this.defaults.content+`
  119.     </div>
  120.     `
  121.  
  122.     this.init = function(){
  123.         console
  124.         $('#contentArea').append(this.template);
  125.     }
  126. }
  127.  
  128. function btnOpacity(index, nOpacity){
  129.     if(document.getElementsByClassName("nbtn")[index]){
  130.         document.getElementsByClassName("nbtn")[index].style.opacity = (nOpacity == "1" ? nOpacity : "");
  131.     }
  132. }
  133. elems[elems.length] = new newCElem({
  134.     background: 'rgba(0,0,0,1)',
  135.     height: '34px',
  136.     zIndex: '10000',
  137.     position: 'fixed',
  138.     id: 'foot',
  139.     yOff: 'bottom: 0px',
  140.     font: 'Captain Howdy',
  141.     content: `
  142.     <center style="font-family: 'Captain Howdy'; color: #FFF">
  143.     Code and design by Rieno | Copyright 2017 Monitored
  144.     </center>
  145.  
  146.                 <div id="mediabtnsCont" class="footCTRL" style="background: rgba(0,0,0,0); position: absolute; right: 5px; bottom: 2px; display: block;">
  147.                       <div style="height: 28px; width: 42px; float: left; position: relative;"> </div>
  148.                       <div id="mediabtns" onclick="player.previousVideo()"></div>
  149.                       <div id="mediabtnp" onclick="switchplaystate()"></div>
  150.                       <div style="background-position: -56px" id="mediabtns" onclick="player.nextVideo()"></div>
  151.                       <div style="background-position: -84px" id="mediabtns" onclick="(player.isMuted() ? player.unMute() : player.mute())"></div>
  152.                 </div>
  153.  
  154.                 <div id="footerTitle" style="display: block; position: absolute; bottom: 5px; left: 15px; max-height:20px; width: 250px; z-index: 11; color: #FFF; font-size: 12px; text-align: center; overflow-x: hidden; overflow-y: hidden;">
  155.                     <marquee id="songTitle" style="width: 250px" scrollamount='1' direction='left' behavior='scroll'>
  156.                     </marquee>
  157.                 </div>
  158.     `
  159. });
  160.  
  161. function setContent(tabID){
  162.     $('#subContent').fadeOut('slow', function(){
  163.         document.getElementById('subContent').innerHTML = document.getElementById(tabID).innerHTML;
  164.         $('#subContent').fadeIn('slow');
  165.     })
  166.    
  167. };
  168.  
  169. elems[elems.length] = new newCElem({
  170.     id: 'home',
  171.     background: "url(http://imvu.riedesign.tk/userimages/Background.png)",
  172.     height: '764px',
  173.     width: '960px',
  174.     position: 'absolute',
  175.     yOff: 'top: 32px',
  176.     xOff: 'left: calc(50vw - 480px)',
  177.     font: 'Captain Howdy',
  178.     content: `
  179.     <style>
  180.     #subContent{
  181.         width: 900px;
  182.         height: 350px;
  183.         position: absolute;
  184.         top: 295px;
  185.         left: 30px;
  186.         font-family: 'Howdy Captain';
  187.         color: #FFF;
  188. overflow-x: hidden;
  189. overflow-y: auto;
  190.     }
  191.     #navBtn1{
  192.         width: 100px;
  193.         height: 15px;
  194.         position: absolute;
  195.         top: 245px;
  196.         left: 320px;
  197.         cursor: pointer;
  198.     }
  199.     #lovePic{
  200.         position: absolute;
  201.         width: 160px;
  202.         height: 220px;
  203.         top: calc(50% - 110px);
  204.         left: 0px;
  205.         background-size: 100% auto;
  206.         background-repeat: no-repeat;
  207.         border-radius: 15%;
  208.         background-image: url(http://www.imvu.com/catalog/web_av_pic.php?av=`+love+`);
  209.         opacity: 1;
  210.     }
  211.     #proPic{
  212.         width: 160px;
  213.         height: 220px;
  214.         background-size: 100% auto;
  215.         background-repeat: no-repeat;
  216.         border-radius: 15%;
  217.         background-image: url(http://www.imvu.com/catalog/web_av_pic.php?av=`+myName+`);
  218.         opacity: 1;
  219.         margin-left: calc(50% - 80px);
  220.     }
  221.     #lovePicOver{
  222.         background: rgba(0,0,0,0.9);
  223.         width: 100%;
  224.         height: 100%;
  225.         border-radius: 15%;
  226.         opacity: 0;
  227.         transition: opacity .4s ease-out;
  228.         -moz-transition: opacity .4s ease-out;
  229.         -webkit-transition: opacity .4s ease-out;
  230.         -o-transition: opacity .4s ease-out;
  231.     }
  232.     #lovePicOver:hover{
  233.         opacity: 1;
  234.         transition: opacity .4s ease-out;
  235.         -moz-transition: opacity .4s ease-out;
  236.         -webkit-transition: opacity .4s ease-out;
  237.         -o-transition: opacity .4s ease-out;
  238.     }
  239.     </style>
  240.     <div id="navBtn1" onclick="setContent('abt')"></div>
  241.     <div id="navBtn1" style="left: 440px; width: 60px" onclick="setContent('daddy')"></div>
  242.     <div id="navBtn1" style="left: 520px; width: 120px" onclick="setContent('frnds')"></div>
  243.     <div id="subContent">
  244.     <h2 style="font-family: 'Captain Howdy';"> A B O U T  M E </h2>
  245.     <div id="proPic"></div>
  246.         <p style="font-family: 'Captain Howdy';">
  247. My name is Rowan, people call me Ro, or Row.<br/>
  248. I own "Witchy Brats".<br/>
  249. I'm free to chat, and easy to get along with.<br/>
  250. I'm open to RP ideas.<br/>
  251. I'm owned by `+love+`, online and IRL.<br/>
  252. My best friend is Deme. ILU Deme.</p>
  253.     </div>
  254.  
  255.     <div id="abt" style="display: none;">
  256.     <h2 style="font-family: 'Captain Howdy';"> A B O U T  M E </h2>
  257.     <div id="proPic"></div>
  258.     <p style="font-family: 'Captain Howdy';">
  259. My name is Rowan, people call me Ro, or Row.<br/>
  260. I own "Witchy Brats".<br/>
  261. I'm free to chat, and easy to get along with.<br/>
  262. I'm open to RP ideas.<br/>
  263. I'm owned by `+love+`, online and IRL.<br/>
  264. My best friend is Deme. ILU Deme.</p>
  265.     </div>
  266.  
  267.     <div id="daddy" style="display: none;">
  268.     <h2 style="font-family: 'Captain Howdy';"> D A D D Y </h2>
  269.         `+genLove()+`
  270.     <div style="width: calc(100% - 220px); position: absolute; height: 220px; right: 10px; top: calc(50% - 110px); font-family: 'Captain Howdy'; color: #FFF;">
  271.         Seven years of searching, seven years of failed relationships, I happened to catch his eye. In mere days, he's become everything I've ever needed, more than I've wanted, and everything I will ever love. Rieno, Jay, my Daddy, and my whole future, I've binded myself to thee.
  272.     </div>
  273.     </div>
  274.  
  275.     <div id="frnds" style="display: none;">
  276.     <h2 style="font-family: 'Captain Howdy';"> L O V E D  O N E S </h2>
  277.     <p style="font-family: 'Captain Howdy';">Rieno- The love of my life.<br/>
  278.     PetiteDoll- My pain in the ass little sister.<br/>
  279.     Dementophilia- The best friend I could ask for.<br/>
  280.     ScarletAValentine- My loving daughter.<br/>
  281.     Piglett- My "motherly" figure.<br/>
  282.     PsychoticDemise- My insanity.<br/>
  283.     </p>
  284.  
  285.     </div>
  286.  
  287.         `,
  288.  
  289. });
  290.  
  291. $(document).ready(function() {
  292.     lAlign()
  293.     setTimeout(function(){
  294.         $('#contentArea').fadeOut('slow', function(){
  295.             document.getElementById('contentArea').innerHTML = '';
  296.             elems.forEach(function(val, index, arr){
  297.                 elems[index].init();
  298.             });
  299.             $('#contentArea').fadeIn('slow');
  300.             $('body').prepend('<iframe onload="onYouTubePlayerAPIReady();" id="video" style="opacity: 0; position: fixed; z-index: -1 !important; width: 1px; height: 1px; top: 0px; left: 0px; filter:blur(2px) saturate(50%); overflow: hidden;" src="//www.youtube.com/embed/videoseries?list=PLOytcIbCTRPJnl_TL8k6lz2yyijOD_MUe&enablejsapi=1&html5=1&autoplay=1" frameborder="0" allowfullscreen></iframe>');
  301.         });
  302.  
  303.  
  304.     }, 2500);
  305. });
  306. </script>
  307.  
  308. <!-- Left Align Home Page for full page layouts -->
  309. <script>
  310. 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);})();}
  311. var player;
  312. function onYouTubePlayerAPIReady() {
  313.  player = new YT.Player('video', {
  314.    events: {
  315.            'onReady': onPlayerReady,
  316.            'onStateChange': onPlayerStateChange
  317.    }
  318.  });
  319. }
  320. function onPlayerReady(event) {player.playVideo();
  321. }
  322.  
  323. function onPlayerStateChange(event) {
  324. if ( player ) {
  325.  
  326.        if ( player.getPlayerState() != 2 ) {
  327.          document.getElementById( "songTitle" ).innerText = player.getVideoData().title;
  328.          document.getElementById('mediabtnp').style = "background-position: -112px 0px";
  329.          
  330.        } else {
  331.          document.getElementById( "songTitle" ).innerText = 'Press Play ►';
  332.          document.getElementById('mediabtnp').style = "background-position: -28px 0px";
  333.        }
  334.    }
  335. }
  336.  
  337. function switchplaystate(){
  338.  (player.getPlayerState() == 1 ? player.pauseVideo() : player.playVideo());
  339. }
  340. function lAlign(){
  341. if(document.getElementById('url_panel')){
  342.  document.getElementById('url_panel').style = "left: 0px; top: 0px; width: 100wv !important; z-index: 1;"
  343.  document.getElementById('imvuContent').align = "left";
  344.    var links = document.getElementsByTagName("a");
  345.    for(var i=0;i<links.length;i++)
  346.    {
  347.        if(links[i].href)
  348.        {
  349.            links[i].style.color = '#FFF';  
  350.        }
  351.    }
  352. }
  353. }
  354. </script>
  355. <script>
  356. function changeTitle(divID,divTitle)
  357. {
  358. document.getElementById(divID).innerHTML=divTitle;
  359. }
  360. </script>
  361.  
  362. <!-- Codes to hide all elements -->
  363. <style type="text/css">
  364.   .playerContainer{
  365.     width: 280px;
  366.     height: 28px;
  367.     overflow-x: hidden;
  368.     overflow-y: hidden;
  369.     margin-top: 13px;
  370.     opacity: .8;
  371.     border-radius: 25px !important;
  372.     background: #111111;
  373.   }
  374.    #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  375.    #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
  376.    #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
  377.    #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #outfits_panel {
  378.       display: none !important;
  379.    }
  380.    #rightColumn {
  381.       display:none !important;
  382.    }
  383.  .imvustylez_products_marquee{margin:0px auto}
  384.  .imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px}
  385.  .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;} .imvustylez_products_marquee
  386.  .productbox,
  387.  .imvustylez_products_marquee
  388.  .productbox img{width:100px !important;height:80px !important;}
  389.  #headerbox { display: none !important; }
  390.   #footerBanner { display: none !important; }
  391.   #footer_style { display: none !important; }
  392.   #footer_panel { display: none !important; }
  393.   #ad_panel { display: none !important; }
  394.   #dev_panel{display:none !important;}
  395.   #imvuTopNav{display:none !important;}
  396.   #ccpheader_leaderboard{display: none !important;}
  397.  
  398. #mediabtnsCont{
  399.     background: #121212;
  400.     width:280px;
  401.     height: 28px;
  402.     opacity: 1;
  403.     position: absolute;
  404.     float:left;
  405.     z-index: 900;
  406.     margin-left: 50px;
  407.     margin-top: 13px;
  408.     border-radius: 15px;
  409.     transition: opacity .4s ease-out;
  410.     -moz-transition: opacity .4s ease-out;
  411.     -webkit-transition: opacity .4s ease-out;
  412.     -o-transition: opacity .4s ease-out;
  413. }
  414.  
  415. #mediabtnsCont:hover{
  416.     opacity: 1;
  417.     transition: opacity .4s ease-in;
  418.     -moz-transition: opacity .4s ease-in;
  419.     -webkit-transition: opacity .4s ease-in;
  420.     -o-transition: opacity .4s ease-in;
  421. }
  422.  
  423. #mediabtnp {
  424.     background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_7Tr7FJN8Cu574473056.png);
  425.     width: 28px;
  426.     height: 28px;
  427.     cursor: pointer;
  428.     opacity: .4;
  429.     float: left;
  430.     position: relative;
  431.     margin-right: 28px;
  432.     transition: opacity .4s ease-in;
  433.     -moz-transition: opacity .4s ease-in;
  434.     -webkit-transition: opacity .4s ease-in;
  435.     -o-transition: opacity .4s ease-in;
  436. }
  437.  
  438. #mediabtnp:hover{
  439.     opacity: 1;
  440.     transition: opacity .4s ease-in;
  441.     -moz-transition: opacity .4s ease-in;
  442.     -webkit-transition: opacity .4s ease-in;
  443.     -o-transition: opacity .4s ease-in;
  444. }
  445.  
  446. #mediabtnp2 {
  447.     background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_7Tr7FJN8Cu574473056.png);
  448.     width: 28px;
  449.     height: 28px;
  450.     cursor: pointer;
  451.     opacity: .4;
  452.     float: left;
  453.     position: relative;
  454.     margin-right: 28px;
  455.     transition: opacity .4s ease-in;
  456.     -moz-transition: opacity .4s ease-in;
  457.     -webkit-transition: opacity .4s ease-in;
  458.     -o-transition: opacity .4s ease-in;
  459. }
  460.  
  461. #mediabtnp2:hover{
  462.     opacity: 1;
  463.     transition: opacity .4s ease-in;
  464.     -moz-transition: opacity .4s ease-in;
  465.     -webkit-transition: opacity .4s ease-in;
  466.     -o-transition: opacity .4s ease-in;
  467. }
  468.  
  469. #mediabtns {
  470.     background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_7Tr7FJN8Cu574473056.png);
  471.     width: 28px;
  472.     height: 28px;
  473.     z-index: 901;
  474.     margin-right: 28px;
  475.     float: left;
  476.     cursor: pointer;
  477.     position: relative;
  478.     opacity: .4;
  479.     transition: opacity .4s ease-in;
  480.     -moz-transition: opacity .4s ease-in;
  481.     -webkit-transition: opacity .4s ease-in;
  482.     -o-transition: opacity .4s ease-in;
  483. }
  484.  
  485. #mediabtns:hover{
  486.     opacity: 1;
  487.     transition: opacity .4s ease-in;
  488.     -moz-transition: opacity .4s ease-in;
  489.     -webkit-transition: opacity .4s ease-in;
  490.     -o-transition: opacity .4s ease-in;
  491. }
  492. .mediaPlayerContainer{
  493.   height: 42px;
  494.   position: relative;
  495.   left: -25px;
  496.   top: -15px;
  497. }
  498. #mediaPlayer{
  499.   height: 42px;
  500.   width: 950px;
  501.   float: left;
  502. }
  503. iframe{
  504.  
  505. }
  506. </style>
  507.  
  508. <style type="text/css">
  509. #url_panel_colRow, .imvucodes_net { display:none !important; }
  510. </style>
  511. <style type="text/css">
  512. .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
  513. </style>
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!