API tools faq
paste
Advertisement
ndfjay

Anry HP

ndfjay
Jan 16th, 2017
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.25 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css?family=Abel|Amatic+SC|Calligraffitti|Dancing+Script|Dekko|Dosis|Great+Vibes|Indie+Flower|Josefin+Sans|Josefin+Slab|Julius+Sans+One|Lato|Lobster|Muli|Nunito|Open+Sans|Open+Sans+Condensed:300|Play|Poiret+One|Raleway|Roboto|Roboto+Condensed|Sacramento|Slabo+27px|Tangerine|Titillium+Web|Trirong|Ubuntu|Yanone+Kaffeesatz|Yellowtail" rel="stylesheet">
  2. <style>
  3.  
  4. video {
  5. position: fixed;
  6. top: 50%;
  7. left: 50%;
  8. min-width: 100%;
  9. min-height: 100%;
  10. width: auto;
  11. height: auto;
  12. z-index: -100;
  13. transform: translateX(-50%) translateY(-50%);
  14. background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_NGh3pz8D65946557048.png) repeat;
  15. background-size: cover;
  16. transition: 1s opacity;
  17. filter: blur(5px) saturate(25%) contrast(150%);
  18. -webkit-filter: blur(5px) saturate(25%) contrast(150%);
  19. opacity: .75;
  20. }
  21.  
  22. @media screen and (min-width: 950px) {
  23. body {
  24. overflow-x: hidden;
  25. }
  26. }
  27. </style>
  28.  
  29.  
  30. <div style="position: absolute; top: 40px; left: 0px; max-height:20px; width: 100vw; z-index: 11; color: #FFF; font-size: 12px; text-align: center; overflow-x: hidden; overflow-y: hidden;">
  31. <marquee id="songTitle" style="width: 100vw" scrollamount='1' direction='left' behavior='scroll'>
  32. </marquee>
  33. </div>
  34.  
  35. <div oncontextmenu="return false" id="contentArea" style="width: 100vw; min-height: 100vh; position: absolute; top: 0px; left: 0px">
  36. <center style="font-size: 24px; font-family: 'Poiret One'; color: #000"> Loading ... </center>
  37.  
  38. </div>
  39.  
  40. <style type="text/css">
  41. .imvustylez_products_marquee{margin:0px auto; width: 960px; height: 180px; overflow: hidden;}
  42. .imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px} .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;}
  43. .imvustylez_products_marquee .productbox,.imvustylez_products_marquee .productbox img{width:100px !important;height:80px !important; border-radius: 5px;}
  44. #prods{
  45. position: absolute;
  46. bottom: 150px;
  47. left: calc(50vw - 480px);
  48. }
  49. </style>
  50. <div id="prods" style="display: none" class='imvustylez_products_marquee'><div style='width:960px'><script type="text/javascript" src="http://gaf210.imvustylez.net/newprodsbanner/filtered_dev_panel.js.php?dev_id=44631847&pn=new&q=25"></script></div></div>
  51.  
  52.  
  53. <script type="text/javascript">
  54. var elems = [];
  55. var love = null;
  56. var loveText = "";
  57.  
  58. function getURL(){
  59. return document.URL;
  60. }
  61.  
  62. function genLove(){
  63. this.template = '';
  64.  
  65. if(love != null){
  66. 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>`
  67.  
  68. }
  69.  
  70. return this.template
  71. }
  72.  
  73. function genFriends(s){
  74. this.friends = (s.friends ? s.friends : [])
  75. this.styleDef = {
  76. scale: (s.scale ? s.scale : "1"),
  77. radius: (s.radius ? s.radius : "0px"),
  78. spacing: (s.spacing ? s.spacing : "5px"),
  79. overlay: (s.overlay ? s.overlay : "#000"),
  80. opacity: (s.opacity ? s.opacity : "0"),
  81. color: (s.color ? s.color : "#fff"),
  82. font: (s.font ? s.font : "Poiret One")
  83. }
  84. this.template = `
  85. <style>
  86. #fpic{
  87. width: 100%;
  88. height: 100%;
  89. font-family: '`+this.styleDef.font+`';
  90. color: `+this.styleDef.color+`;
  91. text-alin: center;
  92. background: `+this.styleDef.overlay+`;
  93. border-radius: `+this.styleDef.radius+`;
  94. opacity: 0;
  95. transition: opacity .4s ease-in;
  96. -moz-transition: opacity .4s ease-in;
  97. -webkit-transition: opacity .4s ease-in;
  98. -o-transition: opacity .4s ease-in;
  99. cursor: context-menu;
  100. }
  101. #fpic:hover{
  102. opacity: `+this.styleDef.opacity+`;
  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. </style>`;
  109.  
  110. this.friends.forEach(function(val, index, arr){
  111. 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";
  112. this.template = this.template + `
  113. <div style="`+this.style+`" onclick="window.open('http://avatars.imvu.com/`+val+`')">
  114. <div id="fpic">
  115. <div style="position: relative; top: calc(50% - 15px);">`+val+`</div>
  116. </div>
  117. </div>`
  118. });
  119. return this.template
  120. }
  121.  
  122. function genSupport(s){
  123. this.support = (s.support ? s.support : [])
  124. this.cnt = 0;
  125. this.styleDef = {
  126. scale: (s.scale ? s.scale : "1"),
  127. radius: (s.radius ? s.radius : "0px"),
  128. spacing: (s.spacing ? s.spacing : "5px"),
  129. overlay: (s.overlay ? s.overlay : "#000"),
  130. opacity: (s.opacity ? s.opacity : "0"),
  131. color: (s.color ? s.color : "#fff"),
  132. font: (s.font ? s.font : "Poiret One")
  133. }
  134. this.template = ``;
  135.  
  136. this.support.forEach(function(val, index, arr){
  137. (this.cnt >= 4 ? this.cnt = 0 : this.cnt++)
  138. this.style = "font-size: 24px; cursor: pointer;";
  139.  
  140. this.template = `
  141. <span style="`+this.style+`" onclick="window.open('http://avatars.imvu.com/`+val+`')">`+val+`</span><br />
  142. `;
  143. $("#support"+String(this.cnt)).append(this.template);
  144. });
  145. return this.template
  146. }
  147.  
  148. function newCElem(s){
  149. this.defaults = {
  150. width: (s.width ? s.width : "100%"),
  151. height: (s.height ? s.height : "500px"),
  152. background: (s.background ? s.background : "rgba(0,0,0,1)"),
  153. yPos: (s.yOff ? s.yOff : "top: 0px"),
  154. xPos: (s.xOff ? s.xOff : "left: 0px"),
  155. content: (s.content ? s.content : ''),
  156. align: (s.align ? s.align : "center"),
  157. zIndex: (s.zIndex ? s.zIndex : '1'),
  158. position: (s.position ? s.position : 'absolute'),
  159. float: (s.float ? s.float : 'left'),
  160. id: (s.id ? s.id : 'div'),
  161. }
  162. this.styleTemplate = `float: `+this.defaults.float+`; font-family: 'Dosis'; 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;
  163.  
  164. this.template = `
  165. <div id='`+this.defaults.id+`' style="`+this.styleTemplate+`">
  166. `+this.defaults.content+`
  167. </div>
  168. `
  169.  
  170. this.init = function(){
  171. console
  172. $('#contentArea').append(this.template);
  173. }
  174. }
  175.  
  176. function btnOpacity(index, nOpacity){
  177. if(document.getElementsByClassName("nbtn")[index]){
  178. document.getElementsByClassName("nbtn")[index].style.opacity = (nOpacity == "1" ? nOpacity : "");
  179. }
  180. }
  181.  
  182. document.onscroll = function(){
  183. (window.pageYOffset >= $(window).height() ? $('.footCTRL').fadeIn('slow') : $('.footCTRL').fadeOut('slow'));
  184. (window.pageYOffset > $(window).height() ? document.getElementById('video').style.filter = "" : document.getElementById('video').style.filter = "blur(2px) saturate(65%)")
  185. }
  186.  
  187. elems[elems.length] = new newCElem({
  188. background: '#232629',
  189. height: '34px',
  190. zIndex: '10000',
  191. position: 'fixed',
  192. id: 'foot',
  193. yOff: 'bottom: 0px',
  194. content: `
  195. <center style="font-family 'Poiret One'; color: #FFF">
  196. Code and design by Rieno | Made for and owned by Anry | Copyright 2017 Monitored
  197. </center>
  198.  
  199. <div id="mediabtnsCont" class="footCTRL" style="background: rgba(0,0,0,0); position: absolute; right: 5px; bottom: 2px; display: block; display: none;">
  200. <div style="height: 28px; width: 42px; float: left; position: relative;"> </div>
  201. <div id="mediabtns" onclick="player.previousVideo()"></div>
  202. <div id="mediabtnp2" onclick="switchplaystate()"></div>
  203. <div style="background-position: -56px" id="mediabtns" onclick="player.nextVideo()"></div>
  204. <div style="background-position: -84px" id="mediabtns" onclick="(player.isMuted() ? player.unMute() : player.mute())"></div>
  205. </div>
  206. `
  207. });
  208.  
  209. elems[elems.length] = new newCElem({
  210. background: '#232629',
  211. height: '34px',
  212. zIndex: '10000',
  213. position: 'fixed',
  214. id: 'nav',
  215. content: `
  216. <style>
  217. #cNav{
  218. width: 75px;
  219. margin-top: 5px;
  220. text-decoration: none;
  221. opacity: .5;
  222. color: #FFF !important;
  223. font-family: 'Dosis';
  224. float: left;
  225. font-size: 12pt;
  226. }
  227. #cNav:hover{
  228. opacity: 1;
  229. }
  230. </style>
  231. <a style="color: #FFF !important;" href="#home" id="cNav" class="nbtn">Home</a>
  232. <a style="color: #FFF !important;" href="#about" id="cNav" class="nbtn">About</a>
  233. <a style="color: #FFF !important;" href="#friends" id="cNav" class="nbtn">Friends</a>
  234. <a style="color: #FFF !important;" href="#support" id="cNav" class="nbtn">Support</a>
  235. <a style="color: #FFF !important;" href="#banner" id="cNav" class="nbtn">Banner</a>
  236. <a style="color: #FFF !important;" href="#ytVid" id="cNav" class="nbtn">Video</a>
  237.  
  238. <div style="float: right">
  239. <a style="color: #FFF !important;" target="_new" href="http://www.imvu.com/catalog/web_add_contact.php?contact=Anry" id="cNav">Add</a>
  240. <a style="color: #FFF !important;" target="_new" href="http://www.imvu.com/catalog/web_mypage.php?block=44631847" id="cNav">Block</a>
  241. <a style="color: #FFF !important;" href="javascript:void(0)" onclick="IMVU.messagePopupShow({force_recipient_id:44631847}); return false;" id="cNav">Message</a>
  242. <a style="color: #FFF !important;" target="_new" href="http://www.imvu.com/shop/web_search.php?manufacturers_id=44631847" id="cNav">Shop</a>
  243. `+(getURL() == "http://www.imvu.com/catalog/web_mypage.php?preview=0&show_inner=1&safemode=0" ? '<a id="cNav" href="http://www.imvu.com/catalog/web_mypage.php?safemode=1">Edit</a>' : "")+`
  244. </div>
  245. `,
  246.  
  247. })
  248.  
  249.  
  250. elems[elems.length] = new newCElem({
  251. id: 'home',
  252. background: "radial-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.7))",
  253. height: '100vh',
  254. position: 'relative',
  255. content: `
  256. <style>
  257. #aviPic{
  258. position: absolute;
  259. width: calc(160px * 2);
  260. height: calc(160px * 2);
  261. bottom: 20px;
  262. left: 0px;
  263. background-size: 100% auto;
  264. background-position: center center;
  265. background-repeat: no-repeat;
  266. border-radius: 100%;
  267. background-image: url(http://www.imvu.com/catalog/web_av_pic.php?av=Anry);
  268. }
  269. #lovePic{
  270. position: absolute;
  271. width: calc(160px * 2);
  272. height: calc(160px * 2);
  273. bottom: 20px;
  274. left: 0px;
  275. background-size: 100% auto;
  276. background-position: center center;
  277. background-repeat: no-repeat;
  278. border-radius: 100%;
  279. background-image: url(http://www.imvu.com/catalog/web_av_pic.php?av=`+love+`);
  280. opacity: 0;
  281. transition: opacity .4s ease-out;
  282. -moz-transition: opacity .4s ease-out;
  283. -webkit-transition: opacity .4s ease-out;
  284. -o-transition: opacity .4s ease-out;
  285. }
  286. #lovePic:hover{
  287. opacity: 1;
  288. transition: opacity .4s ease-out;
  289. -moz-transition: opacity .4s ease-out;
  290. -webkit-transition: opacity .4s ease-out;
  291. -o-transition: opacity .4s ease-out;
  292. }
  293. #avCon{
  294. position: absolute;
  295. width: calc(160px * 2);
  296. height: calc(210px * 2);
  297. top: calc(50% - calc(105px * 3));
  298. left: calc(50% - calc(80px * 2));
  299. }
  300. </style>
  301. <div id="avCon">
  302. <center>
  303. <h2 id="aName" style="color: #FFF; font-family: 'Poiret One', cursive; font-size: 24pt; margin-top: calc(50% - 5px);text-shadow: 0px 0px 10px #000;">Anry</h2>
  304. <h2 id="aDesc" style="color: #FFF; font-family: 'Poiret One', cursive; font-size: 24pt; margin-top: calc(50% + 5px); text-shadow: 0px 0px 10px #000;">The Enigma</h2>
  305.  
  306. <div class="mediaPlayerContainer" style="margin-top: -150px">
  307. <div id="mediaPlayer">
  308. <div style="width: 250px; height: 42px; margin-left: 50px; float: left">
  309. <div style="margin-top: 15px; position: absolute; float:left; width: 280px; height: 28px; background: #111111; opacity: 0; z-index: 10"> </div>
  310. <div class="playerContainer">
  311. </div>
  312. </div>
  313. <div id="mediabtnsCont">
  314. <div style="height: 28px; width: 42px; float: left; position: relative;"> </div>
  315. <div id="mediabtns" onclick="player.previousVideo()"></div>
  316. <div id="mediabtnp" onclick="switchplaystate()"></div>
  317. <div style="background-position: -56px" id="mediabtns" onclick="player.nextVideo()"></div>
  318. <div style="background-position: -84px" id="mediabtns" onclick="(player.isMuted() ? player.unMute() : player.mute())"></div>
  319. </div>
  320. </div>
  321. </center>
  322. </div>
  323. `,
  324. });
  325.  
  326. elems[elems.length] = new newCElem({
  327. id: 'about',
  328. background: "radial-gradient(#cfcfcf, #9f9f9f)",
  329. height: '100vh',
  330. position: 'relative',
  331. content: `
  332. <style>
  333. #cnt{
  334. width: 240px;
  335. float: left;
  336. height: 500px;
  337. text-align: center;
  338. font-family: 'Poiret One';
  339. color: #000;
  340. }
  341. </style>
  342. <center>
  343. <h2 style="margin-top: 55px; font-family: 'Poiret One'; color: #000;"> About </h2>
  344. </center>
  345. <div style="width: 960px; height: 500px; position: absolute; top: calc(50% - 250px); left: calc(50% - 480px)">
  346.  
  347. <div id="cnt">
  348. <h1 style="font-family: 'Poiret One'">Interests</h1>
  349. - Creating<br/>
  350. - Articulate Conversations<br/>
  351. </div>
  352. <div id="cnt">
  353. <h1 style="font-family: 'Poiret One'">Personal</h1>
  354. - Name: Anry / Kris<br/>
  355. `+(love ? "-Taken By: "+love+"<br/>" : "")+`
  356. </div>
  357. <div id="cnt">
  358. <h1 style="font-family: 'Poiret One'">Rooms</h1>
  359. - You'll just have to come find me<br/>
  360. </div>
  361. <div id="cnt">
  362. <h1 style="font-family: 'Poiret One'">Other</h1>
  363. - I'm a mystery wrapped in an enigma.<br/>
  364. - If you want to know me, come find me.<br/>
  365. </div>
  366. </div>`,
  367. });
  368.  
  369. elems[elems.length] = new newCElem({
  370. id: 'friends',
  371. background: "radial-gradient(#393939, #232629)",
  372. height: '100vh',
  373. position: 'relative',
  374. content: `
  375. <style>
  376. #cnt2{
  377. width: 100vw;
  378. height: calc(100% - 100px);
  379. text-align: center;
  380. font-family: 'Poiret One';
  381. overflow-x: hidden;
  382. overflow-y: auto;
  383. }
  384. </style>
  385. <center>
  386. <h2 style="margin-top: 55px; font-family: 'Poiret One'; color: #FFF"> Friends </h2>
  387.  
  388. <div id="cnt2">
  389. `+genFriends({
  390. friends: ['Kristof', 'Varhyn', 'Habrupt', 'Rieno', 'Night', 'DeadlySin', '0KaetchaseB', '0DevonchaseB', 'BkVI', 'Venomous', 'Dracu', 'Midnight', 'xEmZee', 'Raymonii', 'Veil', 'Tisabobeesa'],
  391. scale: "0.75",
  392. spacing: "10px",
  393. radius: "15px",
  394. opacity: ".85",
  395. overlay: "#000"
  396. })+`
  397. </div>
  398. </center>
  399.  
  400. `,
  401.  
  402. });
  403.  
  404. elems[elems.length] = new newCElem({
  405. id: 'support',
  406. background: "radial-gradient(#cfcfcf, #9f9f9f)",
  407. height: '100vh',
  408. position: 'relative',
  409. content: `
  410. <style>
  411. .cnt{
  412. width: 240px;
  413. float: left;
  414. height: 500px;
  415. text-align: center;
  416. font-family: 'Poiret One';
  417. color: #000;
  418. }
  419. </style>
  420. <center>
  421. <h2 style="margin-top: 55px; font-family: 'Poiret One'; color: #000;"> Support </h2>
  422. </center>
  423. <div style="width: 960px; height: 500px; position: absolute; top: calc(50% - 250px); left: calc(50% - 480px)">
  424.  
  425. <div class="cnt" id="support1">
  426. </div>
  427. <div class="cnt" id="support2">
  428. </div>
  429. <div class="cnt" id="support3">
  430. </div>
  431. <div class="cnt" id="support4">
  432. </div>
  433. </div>`,
  434.  
  435. });
  436.  
  437. elems[elems.length] = new newCElem({
  438. id: 'banner',
  439. background: "radial-gradient(#393939, #232629)",
  440. height: '100vh',
  441. position: 'relative',
  442. content: `
  443. <center>
  444. <h2 style="margin-top: 55px; font-family: 'Poiret One'; color: #FFF"> Banner </h2>
  445.  
  446. <div id="cnt2">
  447. <a href="http://www.imvu.com/shop/web_search.php?manufacturers_id=44631847" target="_blank"><img src="http://i1208.photobucket.com/albums/cc364/aanryy/banner1-1.png" border="0" /><br />
  448. <input type="textArea" readonly="true" onclick="this.select(); document.execCommand('copy')" value="<!-- Anrys Banner --> <br /><center><a href='http://www.imvu.com/shop/web_search.php?manufacturers_id=44631847' target='_blank'><img src='http://i1208.photobucket.com/albums/cc364/aanryy/banner1-1.png' border='0' /></center><br /> <!-- END OF ANRYS BANNER -->" />
  449. </div>
  450. </center>
  451.  
  452. `,
  453.  
  454. });
  455.  
  456. elems[elems.length] = new newCElem({
  457. id: 'ytVid',
  458. background: "rgba(0,0,0,0)",
  459. height: '100vh',
  460. position: 'relative',
  461. content: ``,
  462.  
  463. });
  464.  
  465. function anim(){
  466. $("a").click(function(event) {
  467. if (this.hash !== "") {
  468. event.preventDefault();
  469. var hash = this.hash;
  470. $('html, body').animate({
  471. scrollTop: $(hash).offset().top
  472. }, 800, function(){
  473. document.location.hash = hash;
  474. });
  475. };
  476. });
  477. }
  478.  
  479.  
  480.  
  481. $(document).ready(function() {
  482. lAlign()
  483. setTimeout(function(){
  484. $('#contentArea').fadeOut('slow', function(){
  485. document.getElementById('contentArea').innerHTML = '';
  486. elems.forEach(function(val, index, arr){
  487. elems[index].init();
  488. });
  489. $('#about').append($('#prods'));
  490. document.getElementById('prods').style.display = "block";
  491. $('#contentArea').fadeIn('slow');
  492. $('body').prepend('<iframe onload="onYouTubePlayerAPIReady();" id="video" style="position: fixed; z-index: -1 !important; width: 100vw; height: 100vh; top: 0px; left: 0px; filter:blur(2px) saturate(65%); overflow: hidden;" src="//www.youtube.com/embed/videoseries?list=PL-famOD05ds3cjNO-lYRcNtXrJFsBNfbm&enablejsapi=1&html5=1&autoplay=1" frameborder="0" allowfullscreen></iframe>');
  493. genSupport({
  494. support: ['Night', 'Rieno', 'Deadlysin', 'Cherryred', 'whims', 'Aceswild', 'Hank', 'teribeau', 'Wiing', 'lllBellalll', 'Severity', 'Kristof', 'Habrupt', 'Varhyn', 'Missmaya', 'Tiarastone', 'DerivableR', 'MeshxLove', 'Epic3D', 'SinHaven', 'xEmZee'],
  495. });
  496. anim();
  497. });
  498.  
  499.  
  500. }, 2500);
  501. });
  502. </script>
  503.  
  504. <!-- Left Align Home Page for full page layouts -->
  505. <script>
  506. 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);})();}
  507. var player;
  508. function onYouTubePlayerAPIReady() {
  509. player = new YT.Player('video', {
  510. events: {
  511. 'onReady': onPlayerReady,
  512. 'onStateChange': onPlayerStateChange
  513. }
  514. });
  515. }
  516. function onPlayerReady(event) {player.playVideo();
  517. }
  518.  
  519. function onPlayerStateChange(event) {
  520. if ( player ) {
  521.  
  522. if ( player.getPlayerState() != 2 ) {
  523. document.getElementById( "songTitle" ).innerText = player.getVideoData().title;
  524. document.getElementById('mediabtnp').style = "background-position: -112px 0px";
  525. document.getElementById('mediabtnp2').style = "background-position: -112px 0px";
  526.  
  527. } else {
  528. document.getElementById( "songTitle" ).innerText = 'Press Play ►';
  529. document.getElementById('mediabtnp').style = "background-position: -28px 0px";
  530. document.getElementById('mediabtnp2').style = "background-position: -28px 0px";
  531. }
  532. }
  533. }
  534.  
  535. function switchplaystate(){
  536. if( player.getPlayerState() == 1 ) {
  537. player.pauseVideo();
  538.  
  539. } else {
  540. player.playVideo();
  541. }
  542. }
  543. function lAlign(){
  544. if(document.getElementById('url_panel')){
  545. document.getElementById('url_panel').style = "left: 0px; top: 0px; width: 100wv !important;"
  546. document.getElementById('imvuContent').align = "left";
  547. var links = document.getElementsByTagName("a");
  548. for(var i=0;i<links.length;i++)
  549. {
  550. if(links[i].href)
  551. {
  552. links[i].style.color = '#FFF';
  553. }
  554. }
  555. }
  556. }
  557. </script>
  558. <script>
  559. function changeTitle(divID,divTitle)
  560. {
  561. document.getElementById(divID).innerHTML=divTitle;
  562. }
  563. </script>
  564.  
  565. <!-- Codes to hide all elements -->
  566. <style type="text/css">
  567. .playerContainer{
  568. width: 280px;
  569. height: 28px;
  570. overflow-x: hidden;
  571. overflow-y: hidden;
  572. margin-top: 13px;
  573. opacity: .8;
  574. border-radius: 25px !important;
  575. background: #111111;
  576. }
  577. #aboutme_panel, #contact_panel, #dev_panel, #wishlist_panel, #visitors_panel,
  578. #messages_panel, #tagcloud_panel, #stickers_panel, #collect_panel,
  579. #room_panel, #rankings_panel, #cool_panel, #gallery_panel, #friends_panel,
  580. #streetteam_panel, #blog_panel, #video_panel_header, #music_panel, #rss_panel, #outfits_panel {
  581. display: none !important;
  582. }
  583. #rightColumn {
  584. display:none !important;
  585. }
  586. .imvustylez_products_marquee{margin:0px auto}
  587. .imvustylez_products_marquee [id$="_panel_header"] {display: none !important; font-size: 1px}
  588. .imvustylez_products_marquee [id$="_panel_body"] {line-height: 1px;} .imvustylez_products_marquee
  589. .productbox,
  590. .imvustylez_products_marquee
  591. .productbox img{width:100px !important;height:80px !important;}
  592. #headerbox { display: none !important; }
  593. #footerBanner { display: none !important; }
  594. #footer_style { display: none !important; }
  595. #footer_panel { display: none !important; }
  596. #ad_panel { display: none !important; }
  597. #dev_panel{display:none !important;}
  598. #imvuTopNav{display:none !important;}
  599. #ccpheader_leaderboard{display: none !important;}
  600.  
  601. #mediabtnsCont{
  602. background: #121212;
  603. width:280px;
  604. height: 28px;
  605. opacity: 1;
  606. position: absolute;
  607. float:left;
  608. z-index: 900;
  609. margin-left: 50px;
  610. margin-top: 13px;
  611. border-radius: 15px;
  612. transition: opacity .4s ease-out;
  613. -moz-transition: opacity .4s ease-out;
  614. -webkit-transition: opacity .4s ease-out;
  615. -o-transition: opacity .4s ease-out;
  616. }
  617.  
  618. #mediabtnsCont:hover{
  619. opacity: 1;
  620. transition: opacity .4s ease-in;
  621. -moz-transition: opacity .4s ease-in;
  622. -webkit-transition: opacity .4s ease-in;
  623. -o-transition: opacity .4s ease-in;
  624. }
  625.  
  626. #mediabtnp {
  627. background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_XBpUeixfEw2967363.png);
  628. width: 28px;
  629. height: 28px;
  630. cursor: pointer;
  631. opacity: .4;
  632. float: left;
  633. position: relative;
  634. margin-right: 28px;
  635. transition: opacity .4s ease-in;
  636. -moz-transition: opacity .4s ease-in;
  637. -webkit-transition: opacity .4s ease-in;
  638. -o-transition: opacity .4s ease-in;
  639. }
  640.  
  641. #mediabtnp:hover{
  642. opacity: 1;
  643. transition: opacity .4s ease-in;
  644. -moz-transition: opacity .4s ease-in;
  645. -webkit-transition: opacity .4s ease-in;
  646. -o-transition: opacity .4s ease-in;
  647. }
  648.  
  649. #mediabtnp2 {
  650. background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_XBpUeixfEw2967363.png);
  651. width: 28px;
  652. height: 28px;
  653. cursor: pointer;
  654. opacity: .4;
  655. float: left;
  656. position: relative;
  657. margin-right: 28px;
  658. transition: opacity .4s ease-in;
  659. -moz-transition: opacity .4s ease-in;
  660. -webkit-transition: opacity .4s ease-in;
  661. -o-transition: opacity .4s ease-in;
  662. }
  663.  
  664. #mediabtnp2:hover{
  665. opacity: 1;
  666. transition: opacity .4s ease-in;
  667. -moz-transition: opacity .4s ease-in;
  668. -webkit-transition: opacity .4s ease-in;
  669. -o-transition: opacity .4s ease-in;
  670. }
  671.  
  672. #mediabtns {
  673. background: url(http://userimages-akm.imvu.com/userdata/11/70/33/56/userpics/Snap_XBpUeixfEw2967363.png);
  674. width: 28px;
  675. height: 28px;
  676. z-index: 901;
  677. margin-right: 28px;
  678. float: left;
  679. cursor: pointer;
  680. position: relative;
  681. opacity: .4;
  682. transition: opacity .4s ease-in;
  683. -moz-transition: opacity .4s ease-in;
  684. -webkit-transition: opacity .4s ease-in;
  685. -o-transition: opacity .4s ease-in;
  686. }
  687.  
  688. #mediabtns:hover{
  689. opacity: 1;
  690. transition: opacity .4s ease-in;
  691. -moz-transition: opacity .4s ease-in;
  692. -webkit-transition: opacity .4s ease-in;
  693. -o-transition: opacity .4s ease-in;
  694. }
  695. .mediaPlayerContainer{
  696. height: 42px;
  697. position: relative;
  698. left: -25px;
  699. top: -15px;
  700. }
  701. #mediaPlayer{
  702. height: 42px;
  703. width: 950px;
  704. float: left;
  705. }
  706. iframe{
  707.  
  708. }
  709. </style>
  710.  
  711. <style type="text/css">
  712. #url_panel_colRow, .imvucodes_net { display:none !important; }
  713. </style>
  714. <style type="text/css">
  715. .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
  716. </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!