daily pastebin goal
51%
SHARE
TWEET

Apathy Audio Fix

thisisnotras Oct 17th, 2018 75 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.  
  3. body{
  4.  background: gray;
  5.  background-image:url(http://i.imgur.com/gD841Nx.png);
  6.  overflow: hidden;
  7. }
  8.  
  9. @font-face{
  10.  src: url(https://dl.dropboxusercontent.com/s/d9ihnqs25298288/somepx.ttf?dl=0);
  11.  font-family: 'bodyfont';
  12. }
  13.  
  14. @font-face{
  15. src:url(https://dl.dropboxusercontent.com/s/94hr6y0cm4un4at/secuencia.ttf?dl=0);
  16. font-family:'bodyfont2';}
  17.  
  18. ::-webkit-scrollbar {
  19.  width: 4px;
  20.  background-color: gray;
  21. }
  22.  
  23.  
  24. ::-webkit-scrollbar-thumb {
  25.  border-radius: 0px;
  26.  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  27.  background-color: white;
  28. }
  29.  
  30. #whole{
  31.  position: absolute;
  32.  top: 0px;
  33.  left: 0px;
  34.  right: 0px;
  35.  bottom: 0px;
  36.  background-repeat: no-repeat;
  37.  background-size: auto 123%;
  38.  background-position: top 15% right -10%;
  39.  background-image: url(http://i.imgur.com/vEIo7gu.png);
  40. }
  41.  
  42. #straightline{
  43.  position: absolute;
  44.  top: 0px;
  45.  bottom: 0px;
  46.  width: 100%;
  47.  left: 0px;
  48.  margin: auto;
  49.  height:40px;
  50.  border-top: 5px solid #403535;
  51.  border-bottom: 5px solid #403535;
  52.  box-sizing: border-box;
  53.  background: rgba(0, 0, 0, 0.61);
  54.  z-index: 5;
  55. }
  56.  
  57. #infocontent{
  58.  position: absolute;
  59.  left: 20%;
  60.  top: 0px;
  61.  height: 30px;
  62.  width: 185px;
  63.  overflow: hidden;
  64.  font-family: 'bodyfont2';
  65.  font-size: 16pt;
  66.  color: white;
  67.  box-sizing: border-box;
  68.  text-align: center;
  69.  border-radius: 0px;
  70.  background: transparent;
  71.  padding-left: 10px;
  72.  -webkit-transition: all 1s;
  73.  transition: all 1s;
  74. }
  75.  
  76. #floatspread{
  77.  float: left;
  78.  height: 30px;
  79.  border-size: border-box;
  80.  padding-top: 3px;
  81.  overflow: hidden;
  82.  text-align: left;
  83. }
  84.  
  85. #floatspread b{
  86.  font-weight: 400;
  87.  opacity: 0;
  88.  -webkit-transition: all 1s;
  89.  transition: all 1s;
  90. }
  91.  
  92. .spread1, .spread2, .spread3, .spread4, .spread5, .spread6, .spread7, .spread8{
  93.  width: 20px;
  94.  letter-spacing: 4px;
  95.  -webkit-transition: all 1s;
  96.  transition: all 1s;
  97. }
  98.  
  99. #whole:hover #infocontent,
  100. #div1:target ~ #whole #infocontent{
  101.  width: 700px;
  102.  -webkit-transition: all 2s, background 2s 2s, border-radius 1s 2s;
  103.  transition: all 2s background 2s 2s, border-radius 1s 2s;
  104.  background: rgba(0, 0, 0, 0.75);
  105.  border-radius: 5px;
  106. }
  107.  
  108. #whole:hover #floatspread b,
  109. #div1:target ~ #whole #floatspread b{
  110.  -webkit-transition: all 1s 2s;
  111.  transition: all 1s 2s;
  112.  opacity: .5;
  113. }
  114.  
  115. #whole:hover .spread1,
  116. #div1:target ~ #whole .spread1{
  117.  width: 120px;
  118.  -webkit-transition: all 2s;
  119.  transition: all 2s;
  120. }
  121.  
  122. #whole:hover .spread2,
  123. #div1:target ~ #whole .spread2{
  124.  width: 95px;
  125.  -webkit-transition: all 2s;
  126.  transition: all 2s;
  127. }
  128.  
  129. #whole:hover .spread4,
  130. #div1:target ~ #whole .spread4{
  131.  width: 110px;
  132.  -webkit-transition: all 2s;
  133.  transition: all 2s;
  134. }
  135.  
  136. #whole:hover .spread5,
  137. #div1:target ~ #whole .spread5{
  138.  width: 110px;
  139.  -webkit-transition: all 2s;
  140.  transition: all 2s;
  141. }
  142.  
  143. #whole:hover .spread6,
  144. #div1:target ~ #whole .spread6{
  145.  width: 140px;
  146.  -webkit-transition: all 2s;
  147.  transition: all 2s;
  148. }
  149.  
  150. #whole:hover .spread7,
  151. #div1:target ~ #whole .spread7{
  152.  width: 60px;
  153.  -webkit-transition: all 1.5s 1s;
  154.  transition: all 1.5s 1s;
  155. }
  156.  
  157. #whole:hover .spread8,
  158. #div1:target ~ #whole .spread8{
  159.  width: 13px;
  160.  -webkit-transition: all 2s;
  161.  transition: all 2s;
  162. }
  163.  
  164. #whole:hover .spread9,
  165. #div1:target ~ #whole .spread9{
  166.  width: 10px;
  167.  -webkit-transition: all 2s;
  168.  transition: all 2s;
  169. }
  170.  
  171. #dropdown{
  172.  position: absolute;
  173.  left: 20%;
  174.  margin-left: 3px;
  175.  width: 30px;
  176.  top: 40px;
  177.  height: 10px;
  178.  background: black;
  179.  box-sizing: border-box;
  180.  border-radius: 1px;
  181.  -webkit-transition: all 1s;
  182.  transition: all 1s;
  183.  overflow: hidden;
  184.  opacity: .4;
  185.  color: white;
  186.  line-height: 40px;
  187.  letter-spacing: 0px;
  188.  font-family: 'bodyfont2';
  189.  text-align: left;
  190.  padding-left: 4px;
  191.  font-size: 11pt;
  192. }
  193.  
  194. #whole:hover #dropdown{
  195.  opacity: .9;
  196. }
  197.  
  198. #div1:target ~ #whole #dropdown{
  199.  -webkit-transition: all 1s 1s, height 1.5s, opacity 1s;
  200.  transition: all 1s 1s, height 1.5s, opacity 1s;
  201.  border-radius: 5px;
  202.  height: 195px;
  203.  opacity: .9;
  204. }
  205.  
  206. #dropdown a{
  207.  text-decoration: none;
  208.  opacity: .8;
  209.  -webkit-transition: all 1s;
  210.  transition: all 1s;
  211. }
  212.  
  213. #dropdown a:hover{
  214.  text-decoration: underline;
  215.  opacity: 1;
  216.  -webkit-transition: all 1s;
  217.  transition: all 1s;
  218. }
  219.  
  220. #switch1,#switch2,#switch3,#switch4, #switch5{
  221.  opacity: 0;
  222. }
  223.  
  224. #switch1:checked ~ #whole .switcher1,
  225. #switch2:checked ~ #whole .switcher2,
  226. #switch3:checked ~ #whole .switcher3,
  227. #switch4:checked ~ #whole .switcher4{
  228.  text-decoration: underline;
  229.  opacity: 1;
  230. }
  231.  
  232. #contentarea{
  233.  position: absolute;
  234.  top: 40px;
  235.  left: 20%;
  236.  margin-left: 48px;
  237.  height: 10px;
  238.  width: 10px;
  239.  background: rgba(0,0,0,.85);
  240.  -webkit-transition: all 2s;
  241.  transition: all 2s;
  242.  opacity: .5;
  243. }
  244.  
  245. #div1:target ~ #whole #contentarea{
  246.  -webkit-transition: all 1.5s, border-radius 1s 1s;
  247.  transition: all 1.5s, border-radius 1s 1s;
  248.  height: 195px;
  249.  border-radius: 2px;
  250.  opacity: 1;
  251.  overflow: hidden;
  252. }
  253.  
  254. #switch1:checked ~ #whole #contentarea,
  255. #switch2:checked ~ #whole #contentarea,
  256. #switch3:checked ~ #whole #contentarea,
  257. #switch4:checked ~ #whole #contentarea{
  258.  height: 195px;
  259.  border-radius: 5px;
  260.  opacity: 1;
  261.  width: 556px;
  262. }
  263.  
  264. .contentfill{
  265.  position: absolute;
  266.  left: 10px;
  267.  top: 10px;
  268.  bottom: 10px;
  269.  right: 10px;
  270.  background: black;
  271.  -webkit-transition: all 1s;
  272.  transition: all 1s;
  273.  opacity: 0;
  274.  z-index: 0;
  275.  text-align: left;
  276.  font-family:'bodyfont';
  277.  font-size: 17pt;
  278.  color: gray;
  279.  overflow: auto;
  280.  box-sizing: border-box;
  281. }
  282.  
  283. #switch1:checked ~ #whole #content1,
  284. #switch2:checked ~ #whole #content2,
  285. #switch3:checked ~ #whole #content3,
  286. #switch4:checked ~ #whole #content4{
  287.  -webkit-transition: all 2s .9s;
  288.  transition: all 2s .9s;
  289.  opacity: 1;
  290.  z-index: 1;
  291. }
  292.  
  293. .contentfill h1{
  294.  position: absolute;
  295.  font-family:'bodyfont2';
  296.  font-size: 16pt;
  297.  text-decoration: underline;
  298.  text-transform: lowercade;
  299.  top: 5px;
  300.  left: 5px;
  301.  margin-top: 0px;
  302.  margin-bottom: 0px;
  303. }
  304.  
  305. .contentfill .contentfill{
  306.  opacity: 1;
  307.  z-index: 1;
  308.  background: transparent;
  309.  top: 35px;
  310.  bottom: 0px;
  311.  right: 0px;
  312. }
  313.  
  314. .contentfill a, .contentfill a:visited{
  315.  color: white;
  316.  font-weight: 400;
  317.  text-decoration: none;
  318.  -webkit-transition: all 1s;
  319.  transition: all 1s;
  320. }
  321.  
  322. .contentfill a:hover{
  323.  text-decoration: underline;
  324. }
  325.  
  326. .statfill{
  327.  float: left;
  328.  height: 130px;
  329.  box-sizing: border-box;
  330.  width: 110px;
  331.  overflow: auto;
  332. overflow-x: hidden;
  333.  line-height: 15px;
  334.  margin-right: 15px;
  335.  padding-right: 2px;
  336.  text-align: left;
  337.  word-spacing: 3px;
  338. }
  339.  
  340. .statfill ::-webkit-scrollbar {
  341.  width: 2px;
  342.  background-color: gray;
  343. }
  344.  
  345.  
  346. .statfill ::-webkit-scrollbar-thumb {
  347.  border-radius: 0px;
  348.  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  349.  background-color: white;
  350. }
  351.  
  352.  
  353. .statfill:nth-child(last){
  354.  margin-right: 0px;
  355. }
  356.  
  357. .statfill b{
  358.  font-family:'bodyfont2';
  359.  font-size: 12pt;
  360.  font-style: italic;
  361. }
  362.  
  363. .statfill i{
  364.  font-family:'bodyfont';
  365.  font-size: 14pt;
  366. }
  367.  
  368. .gallfill{
  369.  float: left;
  370.  filter:grayscale(90%);
  371.  -webkit-filter:grayscale(90%);
  372.  -webkit-transition: all 1s;
  373.  transition: all 1s;
  374.  height: 130px;
  375.  box-sizing: border-box;
  376.  width: 110px;
  377.  text-align: left;
  378.  overflow: hidden;
  379.  background-color: gray;
  380.  margin-right: 5px;
  381. }
  382.  
  383. .gallfill:hover{
  384.  filter:grayscale(0%);
  385.  -webkit-filter:grayscale(0%);
  386. }
  387.  
  388. .gallfill img{
  389.  height: 170%;
  390.  overflow: hidden;
  391. }
  392.  
  393. #musiccontainer{
  394.  opacity: 0;
  395.  -webkit-transition: all 1s;
  396.  transition: all 1s;
  397. }
  398.  
  399. #whole:hover #musiccontainer,
  400. #div1:target ~ #whole #musiccontainer{
  401.  opacity: 1;
  402.  -webkit-transition: all 2 .5ss;
  403.  transition: all 2s .5s;
  404. }
  405.  
  406. #musicbar{
  407.  position: absolute;
  408.  bottom: 40px;
  409.  left: 20%;
  410.  height: 15px;
  411.  width: 281px;
  412.  background: rgba(0, 0, 0, 0.61);
  413.  box-shadow: 0px 0px 2px black;
  414.  z-index: 1;
  415.  border-radius: 2px;
  416.  -webkit-transition: all .2s;
  417.  transition: all .2s;
  418. overflow: hidden;
  419. }
  420.  
  421. #musicbar:active{
  422. background-color: #4E0000 !important; }
  423.  
  424. #musicbar:hover{
  425.  background: rgba(0, 0, 0, 0.91);
  426. }
  427.  
  428. #musicbar audio{
  429.  zoom: 1%;
  430.  opacity: 0;
  431.  margin-top: -13px;
  432.  margin-left: -2px;
  433. }
  434.  
  435. #musicmarquee{
  436.  position: absolute;
  437.  top: 0px;
  438.  left: 0px;
  439.  right: 0px;
  440.  bottom: 0px;
  441.  border: 0px solid red;
  442.  z-index: -1;
  443.  text-align: center;
  444.  color: white;
  445.  font-family: 'bodyfont', Times, Arial;
  446.  font-size: 17pt;
  447.  box-sizing: border-box;
  448.  margin-top: -7px;
  449. }
  450.  
  451. #songselect{
  452.  position: absolute;
  453.  bottom: 35px;
  454.  left: 20%;
  455.  margin-left: 300px;
  456.  height: 20px;
  457.  width: 100px;
  458.  border: 0px solid black;
  459.  box-sizing: border-box;
  460. }
  461.  
  462. .songss{
  463.  float: left;
  464.  height: 15px;
  465.  width: 15px;
  466.  background: black;
  467.  border-radius: 0px;
  468.  box-sizing: border-box;
  469.  box-shadow: 0px 0px 0px 0px black;
  470.  margin-right: 10px;
  471.  -webkit-transition: all 1s;
  472.  transition: all 1s;
  473. }
  474.  
  475. .songss:nth-child(4){
  476.  margin-right: 0px;
  477. }
  478.  
  479. .songss:hover{
  480.  box-shadow: 0px 0px 2px 1px black;
  481.  background: transparent;
  482.  border-radius: 3px;
  483. }
  484.  
  485. .songtitle{
  486.  position: absolute;
  487.  bottom: 27px;
  488.  left: 0px;
  489.  z-index: -1;
  490.  height: 20px;
  491.  width: 100px;
  492.  box-sizing: border-box;
  493.  background: transparent;
  494.  -webkit-transition: all .5s;
  495.  transition: all .5s;
  496.  opacity: 0;
  497.  box-shadow: 0px 0px 3px black;
  498.  font-family:'bodyfont';
  499.  font-size: 15pt;
  500.  color: black;
  501.  border-radius: 2px;
  502.  font-weight: 600;
  503.  letter-spacing: -1px;
  504.  text-align: center;
  505. }
  506.  
  507. #leak1:hover ~ #song1,
  508. #leak2:hover ~ #song2,
  509. #leak3:hover ~ #song3,
  510. #leak4:hover ~ #song4{
  511.  opacity: 1;
  512.  z-index: 1;
  513. }
  514.  
  515. #track1, #track2, #track3, #track4{
  516.  opacity: 0;
  517. }
  518.  
  519. .songdrop #musicbar{
  520.  -webkit-transition: margin 1s, opacity 1s;
  521.  transition: margin 1s, opacity 1s;
  522. }
  523.  
  524. #drop2 #musicbar,
  525. #drop3 #musicbar,
  526. #drop4 #musicbar{
  527. margin-bottom: 30px;
  528.  opacity: 0;
  529. }
  530.  
  531. #drop1 #musicbar{
  532.  opacity: 1;
  533.  margin-bottom: 0px;
  534. }
  535.  
  536. #track2:checked ~ #whole #drop2 #musicbar,
  537. #track3:checked ~ #whole #drop3 #musicbar,
  538. #track4:checked ~ #whole #drop4 #musicbar{
  539.  margin-bottom: 0px;
  540.  opacity: 1;
  541. }
  542.  
  543. #track2:checked ~ #whole #drop1 #musicbar,
  544. #track3:checked ~ #whole #drop1 #musicbar,
  545. #track4:checked ~ #whole #drop1 #musicbar{
  546.  opacity: 0;
  547.  margin-bottom: 30px;
  548. }
  549.  
  550. </style>
  551.  
  552. <div id="div1">
  553. </div>
  554.  
  555. <input type="radio" name="divswitch" id="switch1">
  556. <input type="radio" name="divswitch" id="switch2">
  557. <input type="radio" name="divswitch" id="switch3">
  558. <input type="radio" name="divswitch" id="switch4">
  559. <input type="radio" name="divswitch" id="switch5">
  560.  
  561. <input type="radio" name="songswitch" id="track1">
  562. <input type="radio" name="songswitch" id="track2">
  563. <input type="radio" name="songswitch" id="track3">
  564. <input type="radio" name="songswitch" id="track4">
  565.  
  566. <div id="whole">
  567.  
  568.  <div id="straightline">
  569.  <a id="infocontent" href="#div1">
  570.  
  571.  <div id="floatspread" class="spread1">A<b>rtificial</b>
  572.  </div>
  573.  
  574.  <div id="floatspread" class="spread2">P<b>artner</b>
  575.  </div>
  576.  
  577.  <div id="floatspread" class="spread3">:
  578.  </div>
  579.  
  580.  <div id="floatspread" class="spread4">A<b>nalyze,</b>
  581.  </div>
  582.  
  583.  <div id="floatspread" class="spread5">T<b>heorize,</b>
  584.  </div>
  585.  
  586.  <div id="floatspread" class="spread6">H<b>omogenize</b>
  587.  </div>
  588.  
  589.  <div id="floatspread" class="spread7">(<b>ver.</b>
  590.  </div>
  591.  
  592.  <div id="floatspread" class="spread8">Y
  593.  </div>
  594.  
  595.  <div id="floatspread" class="spread9">)</div>
  596.  
  597.  </a>
  598.  
  599.  <div id="dropdown">
  600.  <label for="switch1" class="switcher1"><a>v. 1</a></label><br>
  601.  <label for="switch2" class="switcher2"><a>v. 2</a></label><br>
  602.  <label for="switch3" class="switcher3"><a>v. 3</a></label><br>
  603.  <label for="switch4" class="switcher4"><a>v. 4</a></label><br>
  604.  <label for="switch5" class="switcher5"><a>[ x ]</a></label>
  605.  
  606.  </div>
  607.  
  608.  <div id="contentarea">
  609.  <div class="contentfill" id="content1">
  610.  <h1>info</h1>
  611.  <div class="contentfill">
  612.  
  613.  <div class="statfill">
  614.  
  615.  <b>species</b><br>
  616.  <i>jackalope-type synthesite created for emulating diverse behaviors and cultures.</i>
  617.  </div>
  618.  
  619.  <div class="statfill">
  620.  <b>selection</b><br>
  621.  <i>APATHY identifies as male and is equipped with a male reproductive organ</i>
  622.  </div>
  623.  
  624.  <div class="statfill">
  625.  <b>personality</b><br>
  626.  <i>a malfunctioning synthesite, APATHY has been shown to be careless and aggressive.
  627.  </div>
  628.  
  629.  <div class="statfill">
  630.  <b>stats</b><br>
  631.  <i>height - 6'1"<br>
  632.  build - average<br>
  633.  equip. - 13"<br>
  634.  rating - mature<br>
  635. orient. - <a target="_blank" href="http://www.thiscrush.com/~jackadope" target=_blank>all</a><br>
  636.  
  637.  </i>
  638.  </div>
  639.  
  640.  
  641.  </div>
  642.  </div>
  643.  
  644.  <div class="contentfill" id="content2">
  645.  <h1>history</h1>
  646.  <div class="contentfill">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  647.  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with
  648.  desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  649.  </div>
  650.  </div>
  651.  
  652.  <div class="contentfill" id="content3">
  653.  <h1>gallery</h1>
  654.  <div class="contentfill">
  655.  <a target="_blank" href="http://i.imgur.com/4rL90kb.png" class="gallfill" target=_blank>
  656. <img src="http://i.imgur.com/4rL90kb.png" /></a>
  657.  
  658.  <a target="_blank" href="http://i.imgur.com/eR8vSsI.png" class="gallfill" target=_blank>
  659.  <img src="http://i.imgur.com/eR8vSsI.png" /></a>
  660.  
  661.  <a target="_blank" href="http://i.imgur.com/kU4Lx4O.png" class="gallfill" target=_blank>
  662.  <img src="http://i.imgur.com/kU4Lx4O.png" /></a>
  663.  
  664.  <a target="_blank" href="http://i.imgur.com/yma3CaF.png" class="gallfill" target=_blank>
  665. <img src="http://i.imgur.com/yma3CaF.png"></a>
  666.  
  667.  </div>
  668.  </div>
  669.  
  670.  <div class="contentfill" id="content4">
  671.  <h1>ooc</h1>
  672.  <div class="contentfill">
  673.  code is <a target="_blank" href="http://roleplay.chat/profile.php?user=Digital" target=_blank>mine</a>.<br> still a work in progress.<br> artwork by <a target="_blank" href="http://furaffinity.net/user/hale" target=_blank>@hale</a> and others, owned by myself.<br>
  674.  </div>
  675.  </div>
  676.  
  677.  </div>
  678.  
  679.  <div class="songdrop" id="drop1">
  680.  <div id="musiccontainer">
  681.  <div id="musicbar" onclick="document.getElementById('themusic1').play()">
  682.  <div id="musicmarquee">
  683.  <marquee direction="left" scrollamount="3">
  684.  
  685.  XXX - FLIGHT ATTENDANT
  686.  </marquee>
  687.  </div>
  688.  <audio id="themusic1" class="auds1" controls src="http://k003.kiwi6.com/hotlink/bmeyp3s9dc/XXX_-_Official_MV_VOL.mp3" loop="true">
  689.  </audio>
  690.  </div>
  691.  </div>
  692.  </div>
  693.  
  694.  
  695.  <div class="songdrop" id="drop2">
  696.  <div id="musiccontainer">
  697.  <div id="musicbar" onclick="document.getElementById('themusic2').play()">
  698.  <div id="musicmarquee">
  699.  <marquee direction="left" scrollamount="3">
  700.  
  701.  HIGH KLASSIFIED - 1250
  702.  </marquee>
  703.  </div>
  704.  <audio id="themusic2" controls src="http://k003.kiwi6.com/hotlink/90linpzes2/High_Klassified_1250.mp3" loop=3>
  705.  </audio>
  706.  </div>
  707.  </div>
  708.  </div>
  709.  
  710.  
  711.  <div class="songdrop" id="drop3">
  712.  <div id="musiccontainer">
  713.  <div id="musicbar" onclick="document.getElementById('themusic3').play()">
  714.  <div id="musicmarquee">
  715.  <marquee direction="left" scrollamount="3">
  716.  
  717.  THE WEEKND - KING OF THE FALL
  718.  </marquee>
  719.  </div>
  720.  <audio id="themusic3" controls src="http://puu.sh/tweog/0b3d4183ef.mp3" loop=3>
  721.  </audio>
  722.  </div>
  723.  </div>
  724.  </div>
  725.  
  726.  
  727.  <div class="songdrop" id="drop4">
  728.  <div id="musiccontainer">
  729.  <div id="musicbar" onclick="document.getElementById('themusic4').play()">
  730.  <div id="musicmarquee">
  731.  <marquee direction="left" scrollamount="3">
  732.  
  733.  METAFIVE - LUV U TOKIO
  734.  </marquee>
  735.  </div>
  736.  <audio id="themusic4" controls src="http://k003.kiwi6.com/hotlink/s35rip1ufy/METAFIVE_-_Luv_U_Tokio_-Video_Edit-VOL.mp3" loop=3>
  737.  </audio>
  738.  </div>
  739.  </div>
  740.  </div>
  741.  
  742.  
  743.  <div id="musiccontainer">
  744. <div id="emptydiv" onclick="document.getElementById('themusic1').pause()">
  745. <div id="emptydiv" onclick="document.getElementById('themusic2').pause()">
  746. <div id="emptydiv" onclick="document.getElementById('themusic3').pause()">
  747. <div id="emptydiv" onclick="document.getElementById('themusic4').pause()">
  748.  <div id="songselect">
  749.  
  750.  <label for="track1"><div class="songss" id="leak1">
  751.  </div>
  752.  <div class="songtitle" id="song1">
  753.  flight attend.
  754.  </div>
  755.  </label>
  756.  
  757.  <label for="track2"><div class="songss" id="leak2">
  758.  </div>
  759.  <div class="songtitle" id="song2">
  760.  1250
  761.  </div>
  762.  </label>
  763.  
  764.  <label for="track3"><div class="songss" id="leak3">
  765.  </div>
  766.  <div class="songtitle" id="song3">
  767.  king of the fall
  768.  </div>
  769.  </label>
  770.  
  771.  <label for="track4"><div class="songss" id="leak4">
  772.  </div>
  773.  <div class="songtitle" id="song4">luv u tokio
  774.  </div>
  775.  </label>
  776.  
  777.  <div class="songtitle" id="song4">
  778.  </div>
  779.  </div>
  780. </div>
  781.  
  782.  </div>
  783. </div>
  784. </div>
  785. </div>
  786.  
  787.  </div>
  788.  
  789. </div>
RAW Paste Data
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
 
Top