thisisnotras

code fixer 1/31/16 (3)

Jan 31st, 2016
110
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.17 KB | None | 0 0
  1. <style>
  2.  
  3. .pfor {display: none;}
  4. #profile {background: transparent; border: 0px;}
  5.  
  6. a,a:hover{text-decoration: none;
  7. color: black;}
  8.  
  9. body, #whole, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-11/cur1054.cur), progress !important }
  10.  
  11. #whole {
  12. position: absolute;
  13. top: 0px;
  14. left: -5px;
  15. right: 0px;
  16. bottom: 0px;
  17.  
  18. overflow: hidden;
  19. }
  20.  
  21. #whole2{
  22. position: absolute;
  23. top: 0px;
  24. left: -5px;
  25. right: 0px;
  26. bottom: 0px;
  27. overflow: hidden;
  28. -moz-transform: scaleY(-1);
  29. -o-transform: scaleY(-1);
  30. -webkit-transform: scaleY(-1);
  31. transform: scaleY(-1);
  32. filter: FlipV;
  33. -ms-filter: "FlipV";
  34. background-position: bottom left;
  35. background-image: url(http://i68.tinypic.com/8zkw9i.jpg);
  36. background-size: auto 120%;
  37. background-repeat: no-repeat;
  38. background-color: #111111;}
  39.  
  40. @font-face {
  41. src: url(https://dl.dropboxusercontent.com/u/4556289/narrow_rectangle-7.ttf);
  42. font-family: 'buttonfont';
  43. }
  44.  
  45. * {
  46. box-sizing: border-box;
  47. }
  48.  
  49. #startbar {
  50. position: absolute;
  51. bottom: 0px;
  52. left: 0px;
  53. right: 0px;
  54. height: 50px;
  55. background: blue;
  56. }
  57.  
  58. #backgroundfiller {
  59. position: absolute;
  60. top: 50px;
  61. left: 0px;
  62. right: 0px;
  63. bottom: 0px;
  64. opacity: .7;
  65. box-shadow: -10px 10px 10px 65px #0082FE;
  66. box-sizing: border-box;
  67. }
  68.  
  69. #startbutton {
  70. position: absolute;
  71. top: 7px;
  72. left: 20px;
  73. height: 30px;
  74. width: 100px;
  75. border-radius: 90px 90px 90px 90px;
  76. background: white;
  77. box-sizing: border-box;
  78. box-shadow: 0px 0px 4px 2px black;
  79. background: #111111;
  80. -webkit-transition: all .4s;
  81. transition: all .4s;
  82. }
  83.  
  84. #startbutton:hover {
  85. box-shadow: 0px 0px 4px 0px black;
  86. -webkit-transition: all .2s;
  87. transition: all .2s;
  88. }
  89.  
  90. #startbutton .additional {
  91. color: white;
  92. text-decotation: none;
  93. font-style: none;
  94. font-size: 9pt;
  95. text-align: center;
  96. float: left;
  97. margin-top: 8px;
  98. margin-left: 23px;
  99. letter-spacing: 6px;
  100. font-family: Arial;
  101. font-weight: 600;
  102. text-shadow: 1px 1px -1px white;
  103. -webkit-transition: all .5s;
  104. transition: all .5s;
  105. }
  106.  
  107. #startbutton:hover .additional {
  108. -webkit-transition: all .1s;
  109. transition: all .1s;
  110. text-shadow: 1px 1px 5px white;
  111. }
  112.  
  113. #startmenu {
  114. position: absolute;
  115. left: 0px;
  116. bottom: -45px;
  117. height: 450px;
  118. width: 260px;
  119. border: 0px solid black;
  120. z-index: -10;
  121. -webkit-transition: all 1s 10s;
  122. transition: all 1s 10s;
  123. }
  124.  
  125. #startbutton:active #startmenu {
  126. -webkit-transition: all 0s 0s;
  127. transition: all 0s 0s;
  128. z-index: 1;
  129. }
  130.  
  131. #startmenu:hover {
  132. -webkit-transition: all 0s 0s;
  133. transition: all 0s 0s;
  134. z-index: 2;
  135. }
  136.  
  137. #option1 {
  138. position: absolute;
  139. height: 50px;
  140. width: 160px;
  141. border: 1px solid red;
  142. }
  143.  
  144. #option2 {
  145. position: absolute;
  146. height: 50px;
  147. width: 160px;
  148. border: 1px solid red;
  149. }
  150.  
  151. #option3 {
  152. position: absolute;
  153. height: 50px;
  154. width: 160px;
  155. border: 1px solid red;
  156. }
  157.  
  158. #option4 {
  159. position: absolute;
  160. height: 50px;
  161. width: 160px;
  162. border: 1px solid red;
  163. }
  164.  
  165. #option1,
  166. #option2,
  167. #option3,
  168. #option4 {
  169. border-radius: 10px 10px 10px 10px;
  170. border: 0px solid white;
  171. opacity: 0;
  172. z-index: -10;
  173. margin-top: 10px;
  174. color: black;
  175. bottom: 0px;
  176. -webkit-transition: all 0s 10s, opacity 1s 9s, bottom 1s 9s;
  177. transition: all 0s 10s, opacity 1s 9s, bottom 1s 9s;
  178. }
  179.  
  180. #startmenu:hover #option1,
  181. #startmenu:hover #option2,
  182. #startmenu:hover #option3,
  183. #startmenu:hover #option4 {
  184. -webkit-transition: all 0s .5s, opacity 1s 0s, bottom 1s 0s;
  185. transition: all 0s .5s, opacity 1s 0s, bottom 1s 0s;
  186. opacity: 1;
  187. z-index: 0;
  188. margin-top: 0px;
  189. }
  190.  
  191. #startmenu:hover #option1 {
  192. bottom: 295px
  193. }
  194.  
  195. #startmenu:hover #option2 {
  196. bottom: 240px
  197. }
  198.  
  199. #startmenu:hover #option3 {
  200. bottom: 185px
  201. }
  202.  
  203. #startmenu:hover #option4 {
  204. bottom: 130px;
  205. }
  206.  
  207. #titlesign {
  208. position: absolute;
  209. height: 100%;
  210. width: 89px;
  211. border: 0px solid white;
  212. z-index: 1;
  213. font-family: ;
  214. font-size: 25pt;
  215. letter-spacing: -1px;
  216. font-family: 'buttonfont';
  217. text-align: center;
  218. padding-top: 5px;
  219. margin-left: 40px;
  220. }
  221.  
  222. #emblemsign {
  223. position: absolute;
  224. height: 100%;
  225. width: 50px;
  226. border: 0px solid white;
  227. z-index: 1;
  228. background-image: url();
  229. background-repeat: no-repeat;
  230. background-size: 100% 100%;
  231. margin-left: 0px;
  232. }
  233.  
  234. #arrowsign {
  235. position: absolute;
  236. margin-left: 135px;
  237. height: 100%;
  238. width: 24px;
  239. border-left: 2px dashed black;
  240. background-image: url(http://i65.tinypic.com/1534qhy.jpg);
  241. background-repeat: no-repeat;
  242. background-size: 100% 100%;
  243. z-index: 10;
  244. background-color: transparent;
  245. }
  246.  
  247. #backgroundfiller2 {
  248. box-shadow: 0px 0px 0px;
  249. background: white;
  250. position: absolute;
  251. top: 0px;
  252. left: 0px;
  253. right: 0px;
  254. bottom: 0px;
  255. z-index: 0;
  256. opacity: .7;
  257. }
  258.  
  259. #optioncontainer:hover #backgroundfiller2{
  260. background-color: #005AFE;
  261. background-color: #3281CC;
  262. }
  263.  
  264. #optioncontainer {
  265. position: absolute;
  266. left: 0px;
  267. top: 0px;
  268. height: 100%;
  269. width: 100%;
  270. z-index: 1;
  271. border-radius: 10px 10px 10px 10px;
  272. }
  273.  
  274. #optioncontainer{
  275. overflow: hidden;
  276. }
  277.  
  278. #dropmenu {
  279. position: absolute;
  280. height: 50px;
  281. width: 220px;
  282. border: 0px solid black;
  283. margin-left: 3070px;
  284. -webkit-transition: all 2s 1.1s, opacity .5s 1s ;
  285. transition: all 2s 1.1s, opacity .5s 1s;
  286. opacity: 0;
  287. z-index: -10;
  288. padding-top: 13px;
  289. }
  290.  
  291. #option1:active #dropmenu,
  292. #option2:active #dropmenu,
  293. #dropmenu:hover {
  294. -webkit-transition: all 0s;
  295. transition: all 0s;
  296. opacity: 1;
  297. z-index: 1;
  298. margin-left: 170px;
  299. }
  300.  
  301. #optioncontainer2{
  302. position: absolute;
  303. overflow: none;
  304. border-radius: 0px 0px 0px 0px;
  305. top: 0px;
  306. left: 0px;
  307. width: 100%;
  308. height: 100%;
  309. z-index: 1;
  310. }
  311.  
  312. #selectionmenu{
  313. float: left;
  314. width: 60px;
  315. height: 25px;
  316. text-align: center;
  317. font-family:'buttonfont';
  318. letter-spacing: 2px;
  319. font-size:10pt;
  320. font-weight: 600;
  321. border-bottom:2px solid black;
  322. -webkit-transition: all .5s;
  323. transition: all .5s;
  324. margin-left: 10px;
  325. border-radius: 5px 5px 5px 5px;
  326. background-color: grey;
  327. padding-top: 2px;
  328. }
  329.  
  330. #selectionmenu:hover{
  331. background: #005AFE;
  332. }
  333.  
  334. #selectionmenu:active + #notepaddiv
  335. {
  336. opacity: 1;
  337. -webkit-transition: all 0s 0s;
  338. transition: all 0s 0s;
  339. z-index: 10;
  340. top: 100px;
  341. left: 400px;
  342. }
  343.  
  344. #selectionmenu:active + #notepaddiv2{
  345. top:130px; left:435px;
  346. opacity: 1;
  347. -webkit-transition: all 0s 0s;
  348. transition: all 0s 0s;
  349. z-index: 10;
  350.  
  351. }
  352.  
  353. #selectionmenu:active + #notepaddiv3{
  354. top:160px; left: 480px;
  355. opacity: 1;
  356. -webkit-transition: all 0s 0s;
  357. transition: all 0s 0s;
  358. z-index: 10;
  359.  
  360. }
  361.  
  362. #notepaddiv, #notepaddiv2, #notepaddiv3{
  363. position: fixed;
  364. top: -300px;
  365. left: -400px;
  366. height: 250px;
  367. width: 300px;
  368. overflow: hidden;
  369. background: transparent;
  370. border-radius: 30px 30px 30px 30px;
  371. z-index: -10;
  372. opacity: 0;
  373. -webkit-transition: all 0s 2s, z-index 0s 0s;
  374. transition: all 0s 2s, z-index 0s 0s;
  375. }
  376.  
  377. #notepaddiv:hover{
  378. z-index: 120;
  379. opacity: 1;
  380. top: 100px;
  381. left: 400px;
  382. }
  383.  
  384. #notepaddiv2:hover{
  385. z-index: 120;
  386. opacity: 1;
  387. top:130px; left:435px;
  388. }
  389. #notepaddiv3:hover{
  390. z-index: 120;
  391. opacity: 1;
  392. top:160px; left: 480px;
  393. }
  394.  
  395. #notebar{
  396. position: absolute;
  397. left: 0px;
  398. right: 0px;
  399. top: 0px;
  400. height: 30px;
  401. border-bottom: 2px solid black;
  402. z-index: 1;
  403. font-family:'buttonfont';
  404. text-align: center;
  405. font-size: 15pt;
  406. }
  407.  
  408. #notebody{
  409. position: absolute;
  410. top: 32px;
  411. left: 2px;
  412. right: 2px;
  413. bottom: 2px;
  414. background: gray;
  415. z-index: 1;
  416. font-family:'buttonfont';
  417. font-size: 15pt;
  418. text-align: left;
  419. padding-left: 2px;
  420. border-radius: 0px 0px 30px 30px;
  421. }
  422.  
  423. #musicplayer{
  424. position: fixed;
  425. right: 0px;
  426. bottom: 220px;
  427. height: 220px;
  428. width: 200px;
  429. border: 0px solid white;
  430. overflow: hidden;
  431. padding-top: 2px;
  432. -webkit-transition: all 1s;
  433. transition: all 1s;
  434. z-index: 0;
  435. opacity: 0;
  436. }
  437.  
  438.  
  439. #songselect{
  440. float: left;
  441. height: 30px;
  442. width: 100%;
  443. border-radius: 5px 5px 5px 5px;
  444. border: 0px solid red;
  445. margin-bottom: 4px;
  446. overflow: hidden;
  447. font-family:'buttonfont';
  448. font-size: 12pt;
  449. padding-top: 4px;
  450. letter-spacing: 5px;
  451. text-align: center;
  452. background: gray;
  453. -webkit-transition: all 1s;
  454. transition: all 1s;
  455. }
  456.  
  457. #songselect:hover{
  458. background: #0082FE;
  459. }
  460.  
  461.  
  462. #playlist{
  463. position: fixed;
  464. right: 100px;
  465. bottom: 100px;
  466. height: 100px;
  467. width: 200px;
  468. border: 0px solid white;
  469. overflow: hidden;
  470. z-index: 0;
  471. opacity: 0;
  472. -webkit-transition: all 1s;
  473. transition: all 1s;
  474. }
  475.  
  476. #nowplaying1A,#nowplaying1B,
  477. #nowplaying1C,#nowplaying1D,
  478. #nowplaying1E{
  479. position: absolute;
  480. height: 98px;
  481. width: 198px;
  482. border: 0px solid red;
  483. z-index: -2;
  484. opacity: 0;
  485. color: black;
  486. -webkit-transition: all 1s;
  487. transition: all 1s;
  488. border-radius: 70px 70px 70px 70px;
  489. overflow: hidden;
  490. font-family: 'buttonfont';
  491. text-align: center;
  492. }
  493.  
  494. #nowplayingtitle{
  495. position: absolute;
  496. top: 0px;
  497. left: 0px;
  498. right: 0px;
  499. height: 25px;
  500. border-bottom: 2px solid black;
  501. padding-top: 1px;
  502. letter-spacing: 5px;
  503. z-index: 1;
  504. }
  505.  
  506. #nowplayingmarquee{
  507. position: absolute;
  508. top: 25px;
  509. left: 0px;
  510. right: 0px;
  511. height: 40px;
  512. width: 100%;
  513. padding-top: 5px;
  514. z-index: 1;
  515. font-size: 20pt;
  516. }
  517.  
  518. #nowplayingartist{
  519. position: absolute;
  520. top: 65px;
  521. height: 35px;
  522. width: 100%;
  523. border-top: 2px solid black;
  524. padding-top: 5px;
  525. z-index: 1;
  526. }
  527.  
  528. #backgroundfill{
  529. position: absolute;
  530. z-index: 0;
  531. top: 0px;
  532. left: 0px;
  533. height: 100%;
  534. width: 100%;
  535. opacity: .4;
  536. background: #0082FE;
  537. }
  538.  
  539. #list1:target #musicplayer,
  540. #list1A:target #musicplayer,
  541. #list1B:target #musicplayer,
  542. #list1C:target #musicplayer,
  543. #list1D:target #musicplayer,
  544. #list1E:target #musicplayer{
  545. z-index:1;
  546. opacity: 1;
  547. right: 100px;
  548. }
  549.  
  550. #list1A:target #nowplaying1A,
  551. #list1B:target #nowplaying1B,
  552. #list1C:target #nowplaying1C,
  553. #list1D:target #nowplaying1D,
  554. #list1E:target #nowplaying1E
  555. {opacity: 1;
  556. -webkit-transition: z-index 0s, opacity 1s .2s;
  557. transition: z-index 0s, opacity 1s .2s;
  558. z-index: 1;}
  559.  
  560. #list1A:target #playlist,
  561. #list1B:target #playlist,
  562. #list1C:target #playlist,
  563. #list1D:target #playlist,
  564. #list1E:target #playlist
  565. {z-index:1;
  566. opacity: 1;}
  567.  
  568. #song1A, #song1B, #song1C, #song1D, #song1E{
  569. position: fixed;
  570. opacity: 0;
  571. top: -300px;
  572. display: none;
  573. }
  574.  
  575. #list1A:target #song1A,
  576. #list1B:target #song1B,
  577. #list1C:target #song1C,
  578. #list1D:target #song1D,
  579. #list1E:target #song1E{
  580. display: block;
  581. }
  582.  
  583.  
  584.  
  585.  
  586. /* HELP MENU START */
  587.  
  588. #helpcover{
  589. position: fixed;
  590. top: 10px;
  591. right: 0px;
  592. border: 0px solid white;
  593. height: 130px;
  594. width: 400px;
  595. }
  596.  
  597. #helpmenu{
  598. position: absolute;
  599. top: 40px;
  600. right: 40px;
  601. height: 50px;
  602. width: 50px;
  603. border-radius: 90px 90px 90px 90px;
  604. border: 0px solid black;
  605. box-shadow: 0px 0px 0px 0px black;
  606. -webkit-animation: pulsering 3s 0s infinite;
  607. }
  608.  
  609. #animatedring1{
  610. position: absolute;
  611. top: -10px;
  612. left: -10px;
  613. height: 70px;
  614. width: 69px;
  615. border-radius: 90px 90px 90px 90px;
  616. border: 0px solid red;
  617. box-shadow: 0px 0px 0px 0px black;
  618. -webkit-animation: pulsering 3s 1s infinite;
  619. }
  620.  
  621. #animatedring2{
  622. position: absolute;
  623. top: -20px;
  624. left: -20px;
  625. height: 90px;
  626. width: 88px;
  627. border-radius: 90px 90px 90px 90px;
  628. box-shadow: 0px 0px 0px 0px black;
  629. -webkit-animation: pulsering 3s 2s infinite;
  630. }
  631.  
  632. @-webkit-keyframes pulsering{
  633. 0%{box-shadow:0px 0px 0px 0px #3281cc;}
  634. 50%{box-shadow:0px 0px 10px 1px #3281cc;}
  635. 100%{box-shadow:0px 0px 0px 0px #3281cc;}
  636. }
  637.  
  638. #questionmark{
  639. position: absolute;
  640. top: 0px;
  641. left: 0px;
  642. height: 50px;
  643. width: 50px;
  644. border-radius: 90px 90px 90px 90px;
  645. border: 0px solid red;
  646. font-family:'buttonfont';
  647. font-size: 30pt;
  648. color: #3281cc;
  649. box-sizing: border-box;
  650. text-align: center;
  651. padding-top: 2px;
  652. padding-left: 2px;
  653. -webkit-transition: all 1s;
  654. transition: all 1s;
  655. text-shadow: 0px 0px 0px transparent;
  656. }
  657.  
  658. #helpdisplay{
  659. position: absolute;
  660. top: 0px;
  661. bottom: 0px;
  662. right: 120px;
  663. margin: auto;
  664. border-radius: 5px 5px 5px 5px;
  665. height: 30px;
  666. width: 0px;
  667. border: 0px solid green;
  668. overflow: hidden;
  669. -webkit-transition: all 1s;
  670. transition: all 1s;
  671. }
  672.  
  673. #helptext{
  674. left: 0px;
  675. top: 0px;
  676. position: absolute;
  677. font-family:'buttonfont';
  678. text-align: center;
  679. height: 100%;
  680. width: 260px;
  681. font-size: 13pt;
  682. box-sizing: border-box;
  683. padding-top: 3px;
  684. color: black;
  685. background: #3281cc;
  686. }
  687.  
  688. .hoverlink{
  689. text-decoration: underline;
  690. color: black;
  691. font-weight: 400;
  692. -webkit-transition: all 1s;
  693. transition: all 1s;
  694. }
  695.  
  696. .hoverlink:hover{
  697. font-weight: 600;
  698. }
  699.  
  700. #helpcover:hover #questionmark{
  701. color: white;
  702. text-shadow: 0px 1px 18px white;
  703. }
  704.  
  705. #helpcover:hover #helpdisplay{
  706. width: 260px;
  707. right: 65px;
  708. }
  709.  
  710. #explaintab{
  711. position: fixed;
  712. margin-top: 20px;
  713. margin-left: 0px;
  714. height: 0px;
  715. width: 0px;
  716. border: 0px solid white;
  717. border-radius: 30px;
  718. overflow: hidden;
  719. background: #3281cc;
  720. font-family: 'buttonfont';
  721. font-size: 13pt;
  722. text-align: left;
  723. color: black;
  724. box-sizing: border-box;
  725. padding-top: 10px;
  726. padding-left: 10px;
  727. padding-right: 6px;
  728. -webkit-transition: opacity .5s 0s, all .3s 0s;
  729. opacity: 0;
  730. }
  731.  
  732. .hoverlink:hover + #explaintab{
  733. opacity: .8;
  734. -webkit-transition: opacity .5s 0s, all 0s 0s;
  735. height: 200px;
  736. width: 200px;
  737. }
  738.  
  739.  
  740. /* HELP MENU END */
  741.  
  742.  
  743.  
  744.  
  745. </style>
  746.  
  747. <div id="whole2">
  748. </div>
  749.  
  750. <div id="whole">
  751.  
  752. <div id="startbar">
  753. <div id="backgroundfiller" style="background: blue;">
  754. </div>
  755. <div id="startbutton">
  756. <a class="additional">
  757. start</a>
  758. <div id="startmenu">
  759.  
  760. <div id="option1">
  761.  
  762. <div id="optioncontainer">
  763. <div id="emblemsign" style="background-image:url(http://i67.tinypic.com/dyup92.jpg);">
  764. </div>
  765. <div id="titlesign">notes
  766. </div>
  767. <div id="arrowsign">
  768. </div>
  769. <div id="backgroundfiller2">
  770. </div>
  771. </div>
  772.  
  773. <div id="dropmenu">
  774. <div id="selectionmenu">coding
  775. </div>
  776.  
  777. <div id="notepaddiv">
  778. <div id="notebar">
  779. coding.
  780. </div>
  781. <div id="notebody">
  782. I <strike>will</strike> may code a profile for you.<br>
  783. <font style="font-size:12pt;">Currently considering the idea of profiles for commission --<br>
  784. Please ask.</font>
  785. </div>
  786. <div id="backgroundfiller2">
  787. </div>
  788. </div>
  789.  
  790. <div id="selectionmenu">fixing
  791. </div>
  792.  
  793.  
  794. <div id="notepaddiv2">
  795. <div id="notebar">
  796. fixing.
  797. </div>
  798. <div id="notebody">
  799. I <strike>will</strike> may fix your code.
  800. <br><br>
  801. <font style="font-size:12pt;">This is highly dependent on what I'm doing at the moment. If I'm busy, I may simply not have time to help. However, if I'm on this name then I'm likely willing to at least put some time and effort into it. The main key is to just <b>to ask me</b>. </font>
  802. </div>
  803. <div id="backgroundfiller2">
  804. </div>
  805. </div>
  806.  
  807. <div id="selectionmenu">ooc
  808. </div>
  809.  
  810. <div id="notepaddiv3">
  811. <div id="notebar">
  812. ooc.
  813. </div>
  814. <div id="notebody">
  815. Please ask nicely.
  816. <br>I'm an <b>amateur</b> coder. Very sloppy.
  817. <br> Profile is WIP.
  818. <br>All code used here is my own.<br><br>
  819. If I'm asleep or away, just leave any requests via PM or RPC mail,<br>
  820. I live in the Eastern US (GMT -5).
  821. </div>
  822. <div id="backgroundfiller2">
  823. </div>
  824. </div>
  825.  
  826.  
  827. </div>
  828. </div>
  829.  
  830. <div id="option2">
  831. <div id="optioncontainer">
  832.  
  833. <div id="emblemsign" style="background-image:url(http://i63.tinypic.com/fbgihd.jpg);">
  834. </div>
  835. <div id="titlesign">music
  836. </div>
  837. <div id="arrowsign">
  838. </div>
  839. <div id="backgroundfiller2">
  840. </div>
  841. </div>
  842.  
  843. <div id="dropmenu">
  844. <a href=#list1>
  845. <div id="selectionmenu">list 1
  846. </div>
  847. </a>
  848. <div id="selectionmenu"><s><strike>list 2</strike></s>
  849. </div>
  850. <div id="selectionmenu"><s><strike>list 3</strike></s>
  851. </div>
  852.  
  853.  
  854. </div>
  855.  
  856. </div>
  857.  
  858. <div id="option3">
  859. <div id="optioncontainer">
  860. <div id="backgroundfiller2">
  861. </div>
  862.  
  863. </div>
  864. </div>
  865.  
  866. <div id="option4">
  867. <div id="optioncontainer">
  868. <div id="backgroundfiller2">
  869. </div>
  870. </div>
  871. </div>
  872.  
  873. </div>
  874. </div>
  875. </div>
  876.  
  877. <div id="list1">
  878. <div id="list1A">
  879. <div id="list1B">
  880. <div id="list1C">
  881. <div id="list1D">
  882. <div id="list1E">
  883.  
  884. <div id="song1A">
  885. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  886. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  887. <param name="wmode" value="transparent" />
  888. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/nd475uchysfy4a5/01%20Go%20Straight.mp3?dl=1&autoplay=1&loop=1&volume=7&bgcolor1=808080&bgcolor2=808080&slidercolor1=000000&slidercolor2=000000&buttoncolor=000000&buttonovercolor=AA220F" />
  889. </object>
  890. </div>
  891.  
  892.  
  893. <div id="song1B">
  894. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  895. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  896. <param name="wmode" value="transparent" />
  897. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/46au6c92bpbzf1x/01-Ruthless.mp3?dl=1&autoplay=1&loop=1&volume=7&bgcolor1=808080&bgcolor2=808080&slidercolor1=000000&slidercolor2=000000&buttoncolor=000000&buttonovercolor=AA220F" />
  898. </object>
  899. </div>
  900.  
  901. <div id="song1C">
  902. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  903. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  904. <param name="wmode" value="transparent" />
  905. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/vqp3zwltan8hxle/1-02%20Turn%20It%20Down%20%28with%20Rebecca%20%26%20Fi.mp3?dl=1&autoplay=1&loop=1&volume=7&bgcolor1=808080&bgcolor2=808080&slidercolor1=000000&slidercolor2=000000&buttoncolor=000000&buttonovercolor=AA220F" />
  906. </object>
  907. </div>
  908.  
  909. <div id="song1D">
  910. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  911. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  912. <param name="wmode" value="transparent" />
  913. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/s3kbnokw4zt33oq/102%20-%20AIM%20TO%20WIN%20%28Character%20Select%29.mp3?dl=1&autoplay=1&loop=1&volume=7&bgcolor1=808080&bgcolor2=808080&slidercolor1=000000&slidercolor2=000000&buttoncolor=000000&buttonovercolor=AA220F" />
  914. </object>
  915. </div>
  916.  
  917.  
  918. <div id="song1E">
  919. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" width="129" height="20">
  920. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_maxi.swf" />
  921. <param name="wmode" value="transparent" />
  922. <param name="FlashVars" value="mp3=https://dl.dropboxusercontent.com/u/4556289/Prefuse%2073%20-%20Drum%20Machine%2C%20Cello%2C%20Headwrap.mp3&autoplay=1&loop=1&volume=7&bgcolor1=808080&bgcolor2=808080&slidercolor1=000000&slidercolor2=000000&buttoncolor=000000&buttonovercolor=AA220F" />
  923. </object>
  924. </div>
  925.  
  926.  
  927. <div id="musicplayer">
  928. <a href=#list1A>
  929. <div id="songselect">
  930. go straight
  931.  
  932. </div>
  933. </a>
  934. <a href=#list1B>
  935. <div id="songselect">
  936. ruthless
  937. </div>
  938. </a>
  939. <a href=#list1C>
  940. <div id="songselect">
  941. turn it down
  942. </div>
  943. </a>
  944. <a href=#list1D>
  945. <div id="songselect">
  946. aim to win
  947. </div>
  948. </a>
  949. <a href=#list1E>
  950. <div id="songselect" style="letter-spacing: 0px;">
  951. drum machine, cello, headwrap
  952. </div>
  953. </a>
  954. <a href=#cancel>
  955. <div id="songselect">
  956. (CANCEL)
  957. </div>
  958. </a>
  959.  
  960.  
  961.  
  962. </div>
  963. <div id="playlist">
  964. <div id="nowplaying1A">
  965. <div id="nowplayingtitle">now playing
  966. </div>
  967. <div id="nowplayingmarquee">
  968.  
  969. <marquee direction="left" scrollamount="3">
  970. GO STRAIGHT (STREETS OF RAGE 2)
  971. </marquee>
  972.  
  973. </div>
  974. <div id="nowplayingartist">yuzo koshiro
  975. </div>
  976. <div id="backgroundfill">
  977. </div>
  978.  
  979. </div>
  980. <div id="nowplaying1B">
  981.  
  982. <div id="nowplayingtitle">
  983. now playing
  984. </div>
  985. <div id="nowplayingmarquee">
  986.  
  987. <marquee direction="left" scrollamount="3">
  988. RUTHLESS (MAX ANARCHY)
  989. </marquee>
  990.  
  991. </div>
  992. <div id="nowplayingartist">tre-dot
  993. </div>
  994. <div id="backgroundfill">
  995. </div>
  996. </div>
  997.  
  998. <div id="nowplaying1C">
  999. <div id="nowplayingtitle">now playing
  1000. </div>
  1001. <div id="nowplayingmarquee">
  1002.  
  1003. <marquee direction="left" scrollamount="3">
  1004. TURN IT DOWN (with Rebecca & Fiona) / FIRE & ICE
  1005. </marquee>
  1006.  
  1007. </div>
  1008. <div id="nowplayingartist">kaskade
  1009. </div>
  1010. <div id="backgroundfill">
  1011. </div>
  1012. </div>
  1013.  
  1014.  
  1015. <div id="nowplaying1D">
  1016. <div id="nowplayingtitle">now playing
  1017. </div>
  1018. <div id="nowplayingmarquee">
  1019. <marquee direction="left" scrollamount="3">
  1020. AIM TO WIN (character select) / tekken tag tournament 2
  1021. </marquee>
  1022.  
  1023. </div>
  1024. <div id="nowplayingartist">akitaka tohyama
  1025. </div>
  1026. <div id="backgroundfill">
  1027. </div>
  1028. </div>
  1029.  
  1030.  
  1031. <div id="nowplaying1E">
  1032. <div id="nowplayingtitle">now playing
  1033. </div>
  1034. <div id="nowplayingmarquee">
  1035. <marquee direction="left" scrollamount="3">
  1036. DRUM MACHINE, CELLO, HEADWRAP / EXTINGUISHED:OUTTAKES
  1037. </marquee>
  1038.  
  1039. </div>
  1040. <div id="nowplayingartist">prefuse 73
  1041. </div>
  1042. <div id="backgroundfill">
  1043. </div>
  1044. </div>
  1045. </div>
  1046.  
  1047. </div>
  1048. </div>
  1049. </div>
  1050. </div>
  1051. </div>
  1052.  
  1053.  
  1054. <div id="helpcover">
  1055. <div id="helpmenu">
  1056. <div id="animatedring1">
  1057. </div>
  1058. <div id="animatedring2">
  1059. </div>
  1060. <div id="questionmark">?
  1061. </div>
  1062. <div id="helpdisplay">
  1063. <div id="helptext">
  1064. hover for explanation: <a title="" class="hoverlink">notes</a>
  1065. <div id="explaintab">
  1066. After clicking each note, the window is available for a short time.
  1067. To extend the duration, simply hover on the note to keep it available.
  1068. After 2-3 seconds without hovering, the note will naturally vanish on its own.
  1069. </div>
  1070. / <a title="" class="hoverlink">music</a>
  1071. <div id="explaintab">
  1072. After launching a music list, simply click any song to play it.
  1073. In order to switch to a different song, select it from the list as well.
  1074. When you wish to stop the music altogether, simply click 'CANCEL' or switch to a different music list.
  1075. </div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079.  
  1080. </div>
  1081.  
  1082.  
  1083. </div>
Advertisement
Add Comment
Please, Sign In to add comment