Advertisement
Guest User

Untitled

a guest
Dec 9th, 2016
86
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.80 KB | None | 0 0
  1. <div style="font-family: serif; background: #0e1c3e url(http://i.imgur.com/OsmdRlM.png); width: 708px; height: 958px; position: relative; color: #FFF; margin-left: -10px;">
  2.  
  3. <div id="box" style="width: 508px;height: 137px;background-size: 100% 100%;margin: 30px 0px 10px 63px;padding: 15px 40px;float: left; position: relative;">
  4. <div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Advent Calendar</div>
  5. <div style="text-align: left;font-size: 12px;line-height: 18px;font-family: sans-serif;margin: 5px auto 0px;overflow: auto;height: 85px;width: 400px;">It's December - time to bust out the holiday tunes and gift wrap! With the last month of 2016 finally here, this year the Event Team and the Social Media Team decided to get together to bring you this advent calendar made by the amazing Fiskarna.<br><br>This calendar holds some awesome prizes of codes, popdollars and great holiday jokes!<br><br>Each day will have a new item, all you have to do is come and check it out each day for your gift up until 25th. Simply press the box with today's number on it!<br><br>We hope you enjoy this treat!<br>Happy Holidays!</div>
  6. </div>
  7.  
  8.  
  9. <div style="width: 696px; margin: 6px; margin-left: 16px; float: left; ">
  10.  
  11. <script>
  12.  
  13. function dooropen(door) {
  14.  
  15. // change here to set todays date
  16.  
  17. today=new Date("December 10, 2016 01:00:00");
  18. daynow=today.getDate();
  19.  
  20. if (daynow==door-1) {alert("Come back tomorrow!");return false;}
  21. if (door==daynow+7) {alert("You\'ll have to wait 1 week before you can open that one!"); return false;}
  22. if (door==daynow+14) {alert("You\'ll have to wait 2 weeks before you can open that one!"); return false;}
  23. if (door==daynow+21) {alert("You\'ll have to wait 3 weeks before you can open that one!"); return false;}
  24. if (door>daynow) {alert("You\'ll have to wait "+(door-daynow)+" days before you can open that one!"); return false;}
  25.  
  26. document.getElementById("box").innerHTML = myArray[door];
  27. }
  28.  
  29.  
  30. var x=20;
  31. var y=30;
  32. var rows=5;
  33. var cols=5;
  34. var spacinghoriz=135;
  35. var spacingvert=135;
  36.  
  37.  
  38. myArray = new Array();
  39.  
  40. myArray[1] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 1</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">Female code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">paddlefeet</span><br>Male code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">doUeverFeel</span><br><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  41.  
  42. myArray[2] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 2</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;"><img src="http://en.virtualpopstar.com/layout/nl/images/popdollars.png" alt="Popdollar" style="vertical-align: middle;"> Popdollar code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">3456654466</span><br><em>Limited!</em><br><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  43.  
  44. myArray[3] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 3</div><div style="text-align: left;font-size: 12px;line-height: 18px;font-family: sans-serif;margin: 5px auto 0px;overflow: visible;height: 90px;width: 400px;"><div style="float: left;width: 120px;height: 90px;border-left: 1px solid #FFF;padding-left: 3px;">What does Santa suffer from if he gets stuck in a chimney?<br><br>Claustrophobia!</div><div style="float: left;width: 136px;height: 90px;margin-left: 6px;border-left: 1px solid #FFF;padding-left: 3px;">Which of Santa\'s reindeers needs to mind his manners the most?<br><br>Rudeolph!</div><div style="float: left;width: 120px;height: 90px;margin-left: 6px;border-left: 1px solid #FFF;padding-left: 3px;">What is Santa\'s primary language?<br><br><br>North Polish!</div></div>');
  45.  
  46. myArray[4] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 4</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">Female code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">K1LLERTW1NS</span><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  47.  
  48. myArray[5] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 5</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">Male code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">stripeystripe</span><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  49.  
  50.  
  51. myArray[6] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 6</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;"><img src="http://en.virtualpopstar.com/layout/nl/images/popdollars.png" alt="Popdollar" style="vertical-align: middle;"> Popdollar code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">6677789976</span><br><em>Limited!</em><br><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  52.  
  53. myArray[7] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 7</div><div style=" overflow: hidden; height: 97px; width: 400px; margin: 0px auto;"><img src="http://i.imgur.com/dpwMF5J.png" alt="Snowman of Good Health"><div style=" position: absolute; top: 100px; left: 110px; background-color: white; color: black; padding: 3px; font-size: 12px; line-height: 18px; font-family: sans-serif;">You\'ve been visited<br>by the Snowman of Good Health!</div></div>');
  54.  
  55. myArray[8] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 8</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">Female code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">mmmSpace</span><br>Male code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">mckirk4ever</span><br><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  56.  
  57. myArray[9] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 9</div><div style="text-align: left;font-size: 12px;line-height: 18px;font-family: sans-serif;margin: 5px auto 0px;overflow: visible;height: 90px;width: 400px;"><div style="float: left;width: 122px;height: 90px;border-left: 1px solid #FFF;padding-left: 3px;">Who delivers presents to baby sharks at Christmas?<br><br>Santa Jaws!</div><div style="float: left;width: 129px;height: 90px;margin-left: 6px;border-left: 1px solid #FFF;padding-left: 3px;">If a reindeer lost its tail, where could he get a new one?<br><br>At a retail store!</div><div style="float: left;width: 125px;height: 90px;margin-left: 6px;border-left: 1px solid #FFF;padding-left: 3px;">Where does Santa Claus go swimming?<br><br><br>The North Pool!</div></div>');
  58.  
  59. myArray[10] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 10</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">Male code: <span style="color: #d64964; text-shadow: 0px 0px 1px rgba(14, 28, 62, 0.4);">iceSpice</span><br><div style="position: absolute;width: 508px;bottom: 10px;">Redeem <a href="http://en.virtualpopstar.com/financial/couponclaim" target="_blank" style="color: #FFF; font-weight: bold;">here</a></div></div>');
  60.  
  61.  
  62. myArray[11] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 11</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  63. myArray[12] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 12</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  64. myArray[13] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 13</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  65. myArray[14] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 14</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  66. myArray[15] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 15</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  67.  
  68. myArray[16] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 16</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  69. myArray[17] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 17</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  70. myArray[18] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 18</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  71. myArray[19] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 19</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  72. myArray[20] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 20</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  73.  
  74. myArray[21] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 21</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  75. myArray[22] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 22</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  76. myArray[23] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 23</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  77. myArray[24] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 24</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  78. myArray[25] = ('<div style="font-size: 50px;margin-top: -5px;font-weight: bold;text-align: center;text-shadow: -3px 3px 1px #0f1528, -2px 0px 1px #0f1528;">Day 25</div><div style="text-align: center; font-size: 12px; line-height: 18px; font-family: sans-serif; margin-top: 15px;">...</div>');
  79.  
  80.  
  81. var doorno=1;
  82. for (h=0;h<rows;++h)
  83. {
  84. for(g=0; g<cols; ++g, ++doorno)
  85. {
  86. document.write('<div class="button" id="door'+doorno+'" onClick="dooropen('+doorno+');" style="cursor: pointer; width: 105px; height: 105px; text-align: center; float: left; margin: 15px; font-size: 0px; font-weight: bold; position: relative;">'+doorno+'<div id="image'+doorno+'" style="background-image: url(http://i.imgur.com/fV8rVq8.png);"></div></div>');}
  87. }
  88.  
  89. document.write(markup);
  90.  
  91. </script>
  92.  
  93. <div style="font-family: sans-serif; font-size: 12px; padding: 5px; float: left; width: 657px; color: #0e1c3e; margin-top: 10px;margin-left: 5px; height: 42px; opacity: 0.5;">
  94. Credits: <a href="http://www.sean.co.uk/index.shtm" target="_blank" style="color: #0e1c3e; text-decoration: none;">X</a>
  95. </div>
  96.  
  97. </div>
  98.  
  99. <script type="text/javascript">
  100. $('head').append('<style>HTML{background-color: #0e1c3e; background-position: top center; background-attachment: scroll; background-image: url(http://i.imgur.com/GXLyYWn.png); background-repeat: repeat;} .block_content_bottom {height: 11px; background-image: none; background-color: #d64964; margin-bottom: 4px;} .block_content_top {height: 28px; background-image: none; background-color: #d64964; margin-top: 3px;} .block_content_title {line-height: 28px;} .content_left_area {width: 205px; margin-right: 6px;} .content_container {margin-top: 11px;} .achievement-container.leftmenu {margin-left: 18px !important; width: 175px!important;} .block_menu_single {background-color: #d64964; background-image: none; background-repeat: no-repeat; background-position: top right; border: none; color: #FFF; height: 28px; line-height: 29px; margin-bottom: 6px; margin-left: 0px; padding-left: 22px; width: 183px;} .block_menu_single:hover {background-color: #e48f94; background-image: none;} .block_menu_single.active {background-color: #e48f94; background-image: none;} .block_menu_multi {background-color: #d64964; background-image: url(http://i.imgur.com/0ZGQBbS.png); background-repeat: no-repeat; background-position: top right; border: none; color: #FFF; height: 28px; line-height: 29px; margin-bottom: 6px; margin-left: 0px; padding-left: 22px; width: 183px;} .block_submenu {margin-left: 10px; padding-left: 0px;} .block_menu_multi:hover {background-color: #e48f94;} .block_menu_multi_active {background-color: #e48f94; background-image: url(http://i.imgur.com/y81EWTD.png);} input[type="submit"].dark {background-color: #d64964; background-image: none; height: 20px; line-height: 15px; margin-top: 12px; width: 95px;} .block_mid.search {text-align: center; background: #fff; margin-bottom: 21px; margin-left: 0px; width: 205px; border-bottom: solid 11px #d64964; padding-bottom: 5px;} input[type="checkbox"] {vertical-align: sub;}hr {border: 0px transparent;} .ON {animation-name: example;animation-duration: 0.6s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: 1;animation-direction: alternate;animation-fill-mode: forwards;-webkit-animation-name: example;-webkit-animation-duration: 0.6s;-webkit-animation-timing-function: ease;-webkit-animation-delay: 0s;-webkit-animation-iteration-count: 1;-webkit-animation-direction: alternate;-webkit-animation-fill-mode: forwards;-moz-animation-name: example;-moz-animation-duration: 0.6s;-moz-animation-timing-function: ease;-moz-animation-delay: 0s;-moz-animation-iteration-count: 1;-moz-animation-direction: alternate;-moz-animation-fill-mode: forwards;-o-animation-name: example;-o-animation-duration: 0.6s;-o-animation-timing-function: ease;-o-animation-delay: 0s;-o-animation-iteration-count: 1;-o-animation-direction: alternate;-o-animation-fill-mode: forwards;} @-webkit-keyframes example { from { -webkit-transform: perspective(300) rotateY(0deg); -webkit-transform-origin: 0% 50%; } to { -webkit-transform: perspective(300) rotateY(-90deg); -webkit-transform-origin: 0% 50%; }}#image1{width: 119px; height: 115px; background-position: 0 0; margin: -8px 0 0 -9px;} #image2{width: 113px; height: 118px; background-position: -141px 0; margin: -8px 0 0 -3px;} #image3{width: 113px; height: 115px; background-position: -274px -1px; margin: -7px 0 0 -5px;} #image4{width: 113px; height: 109px; background-position: -409px -5px; margin: -3px 0 0 -5px;} #image5{width: 115px; height: 119px; background-position: -543px -1px; margin: -7px 0 0 -6px;} #image6{width: 113px; height: 113px; background-position: -3px -137px; margin: -6px 0 0 -6px;}#image7{width: 115px; height: 120px; background-position: -138px -135px; margin: -8px 0 0 -6px;} #image8{width: 112px; height: 115px; background-position: -276px -138px; margin: -6px 0 0 -3px;} #image9{width: 112px; height: 118px; background-position: -411px -137px; margin: -6px 0 0 -3px;} #image10{width: 113px; height: 115px; background-position: -545px -139px; margin: -4px 0 0 -4px;} #image11{width: 116px; height: 110px; background-position: 0 -273px; margin: -5px 0 0 -9px;} #image12{width: 115px; height: 114px; background-position: -138px -272px; margin: -6px 0 0 -6px;} #image13{width: 115px; height: 116px; background-position: -274px -272px; margin: -6px 0 0 -5px;} #image14{width: 114px; height: 115px; background-position: -409px -272px; margin: -6px 0 0 -5px;} #image15{width: 111px; height: 113px; background-position: -547px -274px; margin: -4px 0 0 -2px;} #image16{width: 112px; height: 109px; background-position: -7px -408px; margin: -5px 0 0 -2px;} #image17{width: 115px; height: 119px; background-position: -141px -404px; margin: -9px 0 0 -3px;} #image18{width: 112px; height: 115px; background-position: -276px -407px; margin: -6px 0 0 -3px;} #image19{width: 113px; height: 118px; background-position: -411px -406px; margin: -7px 0 0 -3px;} #image20{width: 113px; height: 115px; background-position: -545px -408px; margin: -5px 0 0 -4px;} #image21{width: 115px; height: 116px; background-position: -6px -544px; margin: -4px 0 0 -3px;} #image22{width: 114px; height: 115px; background-position: -140px -544px; margin: -4px 0 0 -4px;} #image23{width: 113px; height: 118px; background-position: -276px -537px; margin: -11px 0 0 -3px;} #image24{width: 115px; height: 114px; background-position: -409px -541px; margin: -7px 0 0 -5px;} #image25{width: 110px; height: 113px; background-position: -546px -541px; margin: -7px 0 0 -3px;}</style>');
  101.  
  102. var s = $('<div id="SearchBox" style="background-color: #d64964; color: #FFF; height: 28px; line-height: 29px; padding-left: 22px; width: 183px; text-align: left; ">Search</div>'); $('.block_mid.search').prepend(s);
  103. </script>
  104.  
  105. <script type="text/javascript">
  106. var parent = $('.block_content_inner')[0];
  107. for( var i = 0; i < parent.childNodes.length; i++ ) {
  108. var current_child = parent.childNodes[ i ];
  109. if( current_child.nodeType == 3 )
  110. parent.removeChild( current_child );
  111. }
  112.  
  113. $( ".block_content_inner > a[href^='/home/profile?user=']" ).replaceWith( '<div style="margin-top: 1px;"><span>Brought to you by <a href="/home/profile?user=EventTeam"><span class="username-player">ET <img style="vertical-align: middle;" class="badge-event" src="/layout/nl/images/et-icon.png" alt="" data-hasqtip="true" aria-describedby="qtip-25"> </span></a>, <a href="/home/profile?user=SocialMedia"><span class="username-player">SMT <img style="vertical-align: middle;" class="badge-socialmedia" src="/layout/nl/images/socialmedia-icon.png" alt="" data-hasqtip="true" aria-describedby="qtip-26"></span></a> and <a href="/home/profile?user=Fiskarna"><span class="username-player">Fiskarna</span></a></span></div>' );
  114. </script>
  115.  
  116.  
  117.  
  118.  
  119. <script>
  120.  
  121. $(document).ready(function(){
  122.  
  123. // change below to enable more flippy days
  124. $( "#door1, #door2, #door3, #door4, #door5, #door6, #door7, #door8, #door9, #door10" ).click(function() {
  125. $( this ).toggleClass( "ON" );
  126. $(".boxyIcons").css( "visibility", "visible" );
  127. });
  128.  
  129.  
  130. // change below to position boxy icons
  131. $( '<div class="boxyIcons" onClick="dooropen(1); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 10px 0px 0px 11px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Codes!</div>' ).insertBefore( '#door1' );
  132.  
  133. $( '<div class="boxyIcons" onClick="dooropen(2); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; margin: 10px 0px 0px 146px; background-image: url(http://en.virtualpopstar.com/layout/nl/images/popdollars.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; ">&nbsp; </div>' ).insertBefore( '#door2' );
  134.  
  135. $( '<div class="boxyIcons" onClick="dooropen(3); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 10px 0px 0px 281px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Puns!</div>' ).insertBefore( '#door3' );
  136.  
  137. $( '<div class="boxyIcons" onClick="dooropen(4); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 11px 0px 0px 416px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Female Code!</div>' ).insertBefore( '#door4' );
  138.  
  139. $( '<div class="boxyIcons" onClick="dooropen(5); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 11px 0px 0px 551px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Male Code!</div>' ).insertBefore( '#door5' );
  140.  
  141. $( '<div class="boxyIcons" onClick="dooropen(6); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; margin: 143px 0px 0px 11px; background-image: url(http://en.virtualpopstar.com/layout/nl/images/popdollars.png); background-repeat: no-repeat; background-position: center center; cursor: pointer; ">&nbsp; </div>' ).insertBefore( '#door6' );
  142.  
  143. $( '<div class="boxyIcons" onClick="dooropen(7); " style="width: 112px; height: 112px; position: absolute; text-align: center; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 146px 0px 0px 146px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; font-size: 12px; line-height: 18px; font-family: sans-serif;"><br><br>Snowman of<br>Good Health</div>' ).insertBefore( '#door7' );
  144.  
  145. $( '<div class="boxyIcons" onClick="dooropen(8); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 146px 0px 0px 283px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Codes!</div>' ).insertBefore( '#door8' );
  146.  
  147. $( '<div class="boxyIcons" onClick="dooropen(9); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 148px 0px 0px 417px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Puns!</div>' ).insertBefore( '#door9' );
  148.  
  149. $( '<div class="boxyIcons" onClick="dooropen(10); " style="width: 112px; height: 112px; position: absolute; text-align: center; line-height: 112px; font-size: 12px; font-family: sans-serif; visibility: hidden; cursor: pointer; margin: 147px 0px 0px 553px; text-shadow: 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e, 0px 0px 6px #0e1c3e; ">Male Code!</div>' ).insertBefore( '#door10' );
  150.  
  151. });
  152. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement