thisisnotras

Divine music correction

Mar 7th, 2016
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.66 KB | None | 0 0
  1. <style>
  2.  
  3. .pfor {display: none;}
  4. #profile{background:transparent; border: 0px;}
  5.  
  6. #whole{
  7. position: absolute;
  8. top: 0px;
  9. left: 0px;
  10. right: 0px;
  11. bottom: 0px;
  12. background-image:url(http://i68.tinypic.com/1zlfx9z.jpg);
  13. background-repeat: repeat;
  14. z-index: 1;
  15. color: black;
  16. }
  17.  
  18. #backgroundpattern{
  19. position: absolute;
  20. top: 0px;
  21. left: 0px;
  22. right: 0px;
  23. bottom: 0px;
  24. opacity: .1;
  25. background-color: purple;
  26. z-index: -3;}
  27.  
  28. #backgroundpattern2{
  29. position: absolute;
  30. top: 0px;
  31. left: 0px;
  32. right: 0px;
  33. bottom: 0px;
  34. opacity: 1;
  35. z-index: -2;
  36. background-image:url(https://na.cx/i/76MXxz.png);
  37. background-repeat: no-repeat;
  38. background-size: auto 100%;
  39. background-position: center;}
  40.  
  41. @font-face{ src:url(https://dl.dropboxusercontent.com/u/4556289/Vonique64.ttf);
  42. font-family:'titlefont';
  43. }
  44.  
  45. @font-face{
  46. src:url(https://dl.dropboxusercontent.com/u/4556289/BLESD___%2B.ttf);
  47. font-family:'contentfont';
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. width: 4px;
  52. background-color: #D2C0C1;
  53. }
  54.  
  55.  
  56. ::-webkit-scrollbar-thumb {
  57. border-radius: 0px;
  58. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  59. background-color: rgBAD141, 98, 126);
  60. }
  61.  
  62. #allcontainer{
  63. position: absolute;
  64. top: 0px;
  65. left: 200px;
  66. bottom: 0px;
  67. margin: auto;
  68. border: 1px solid rgBAD141, 98, 126);
  69. height: 340px;
  70. width: 200px;
  71. -webkit-transition: all 1s;
  72. background: #FAE9DC;
  73. opacity: 1;
  74. }
  75.  
  76. .tabdivs{
  77. position: absolute;
  78. height: 8px;
  79. width: 200px;
  80. border: 0px solid black;
  81. left: 0px;
  82. -webkit-transition: all 1s;
  83. transition: all 1s;
  84. background: rgBAD141, 98, 126);
  85. }
  86.  
  87. .tabdivs:hover{
  88. -webkit-transition: all .7s;
  89. transition: all .7s;
  90. background: silver;}
  91.  
  92. #tabone{
  93. top: 175px;
  94. }
  95.  
  96. #tabtwo{
  97. top: 200px;
  98. }
  99.  
  100. #tabthree{
  101. top: 225px;
  102. }
  103.  
  104. #tabfour{
  105. top: 250px;
  106. }
  107.  
  108. #tabfive{
  109. top: 275px;
  110. }
  111.  
  112. #tabreset{
  113. top: 300px;
  114. }
  115.  
  116. #mainarea{
  117. position: absolute;
  118. top: 5px;
  119. left: 5px;
  120. right: 5px;
  121. height: 150px;
  122. border: 1px solid rgBAD141, 98, 126);
  123. -webkit-transition: all 1s;
  124. transition: all 1s;
  125. text-align: center;
  126. font-size: 50pt;
  127. box-sizing: border-box;
  128. padding-top: 15px;
  129. font-family: 'contentfont';
  130. }
  131.  
  132. #titlediv{
  133. position: absolute;
  134. height: 20px;
  135. width: 100%;
  136. top: -6px;
  137. left: 0px;
  138. border: 0px solid black;
  139. font-family:'titlefont';
  140. text-align: center;
  141. font-weight: 400;
  142. font-size: 16pt;
  143. color: black;
  144. text-spacing: 20px;
  145. letter-spacing: 7px;
  146. overflow: hidden;
  147. }
  148.  
  149. #titlediv span{
  150. position: absolute;
  151. height: 100%;
  152. width: 100%;
  153. left: 0px;
  154. right: 0px;
  155. top: -3px;
  156. margin: auto;
  157. text-shadow: 1px 1px 1px black;
  158. z-index: 0;
  159. color: black;
  160. }
  161.  
  162. /* POSITION ONE */
  163. #positionone:target #tabone{
  164. top: 10px;
  165. }
  166.  
  167. #positionone:target #tabtwo{
  168. top: 220px;
  169. }
  170.  
  171. #positionone:target #tabthree{
  172. top: 245px;
  173. }
  174.  
  175. #positionone:target #tabfour{
  176. top: 270px;
  177. }
  178.  
  179. #positionone:target #tabfive{
  180. top: 295px;
  181. }
  182.  
  183. #positionone:target #tabreset{
  184. top: 320px;
  185. }
  186.  
  187. #positionone:target #mainarea{
  188. top: 30px;
  189. height: 170px;
  190. }
  191.  
  192. /* SECOND POSITION */
  193.  
  194. #positiontwo:target #tabone{
  195. top: 10px;
  196. }
  197.  
  198. #positiontwo:target #tabtwo{
  199. top: 35px;
  200. }
  201.  
  202. #positiontwo:target #tabthree{
  203. top: 245px;
  204. }
  205.  
  206. #positiontwo:target #tabfour{
  207. top: 270px;
  208. }
  209.  
  210. #positiontwo:target #tabfive{
  211. top: 295px;
  212. }
  213.  
  214. #positiontwo:target #tabreset{
  215. top: 320px;
  216. }
  217.  
  218. #positiontwo:target #mainarea{
  219. top: 55px;
  220. height: 170px;
  221. }
  222.  
  223. /* POSITION THREE */
  224.  
  225. #positionthree:target #tabone{
  226. top: 10px;
  227. }
  228.  
  229. #positionthree:target #tabtwo{
  230. top: 35px;
  231. }
  232.  
  233. #positionthree:target #tabthree{
  234. top: 60px;
  235. }
  236.  
  237. #positionthree:target #tabfour{
  238. top: 270px;
  239. }
  240.  
  241. #positionthree:target #tabfive{
  242. top: 295px;
  243. }
  244.  
  245. #positionthree:target #tabreset{
  246. top: 320px;
  247. }
  248.  
  249. #positionthree:target #mainarea{
  250. top: 80px;
  251. height: 170px;
  252. }
  253.  
  254. /* POSITION FOUR */
  255.  
  256. #positionfour:target #tabone{
  257. top: 10px;
  258. }
  259.  
  260. #positionfour:target #tabtwo{
  261. top: 35px;
  262. }
  263.  
  264. #positionfour:target #tabthree{
  265. top: 60px;
  266. }
  267.  
  268. #positionfour:target #tabfour{
  269. top: 85px;
  270. }
  271.  
  272. #positionfour:target #tabfive{
  273. top: 295px;
  274. }
  275.  
  276. #positionfour:target #tabreset{
  277. top: 320px;
  278. }
  279.  
  280. #positionfour:target #mainarea{
  281. top: 105px;
  282. height: 170px;
  283. }
  284.  
  285. /* POSITION FIVE */
  286.  
  287. #positionfive:target #tabone{
  288. top: 10px;
  289. }
  290.  
  291. #positionfive:target #tabtwo{
  292. top: 35px;
  293. }
  294.  
  295. #positionfive:target #tabthree{
  296. top: 60px;
  297. }
  298.  
  299. #positionfive:target #tabfour{
  300. top: 85px;
  301. }
  302.  
  303. #positionfive:target #tabfive{
  304. top: 110px;
  305. }
  306.  
  307. #positionfive:target #tabreset{
  308. top: 320px;
  309. }
  310.  
  311. #positionfive:target #mainarea{
  312. top: 130px;
  313. height: 170px;
  314. }
  315.  
  316. /* POSITION GENERAL */
  317.  
  318. #positionone:target #contentone,
  319. #positiontwo:target #contenttwo,
  320. #positionthree:target #contentthree,
  321. #positionfour:target #contentfour,
  322. #positionfive:target #contentfive{
  323. opacity: 1;
  324. z-index: 3;
  325. }
  326.  
  327. .blankthing{
  328. opacity: 1;
  329. -webkit-transition: all 1s;
  330. transition: all 1s;
  331. text-shadow: 1px 1px 5px black;
  332. z-index: 1;
  333. position: absolute;
  334. height: 100%;
  335. width: 100%;
  336.  
  337. }
  338.  
  339. #positionone:target .blankthing,
  340. #positiontwo:target .blankthing,
  341. #positionthree:target .blankthing,
  342. #positionfour:target .blankthing,
  343. #positionfive:target .blankthing{
  344. opacity: 0;
  345. z-index: -3;
  346. }
  347.  
  348. /* Content Area */
  349.  
  350. .contentarea{
  351. position: absolute;
  352. top: 0px;
  353. left: 0px;
  354. height: 100%;
  355. width: 100%;
  356. overflow: auto;
  357. font-family:'contentfont';
  358. box-sizing:border-box;
  359. font-size: 19pt;
  360. line-height: 20px;
  361. letter-spacing: 1px;
  362. padding-left: 2px;
  363. padding-top: 6px;
  364. padding-right: 2px;
  365. padding-bottom: 5px;
  366. text-align: left;
  367. text-shadow: 1px 1px 3px black;
  368. -webkit-transition: all 1s;
  369. transition: all 1s;
  370. opacity: 0;
  371. z-index: 0;
  372. background:#D2C0C1;
  373. }
  374.  
  375. /* FRIEND AREA */
  376.  
  377. #contentfive{
  378. text-align: center;
  379. }
  380.  
  381. #contentfive a{
  382. float: left;
  383. height: 60px;
  384. width: 99%;
  385. text-align: center;
  386. border: 0px solid black;
  387. overflow: hidden;
  388. margin-bottom: 5px;
  389. margin-left: 1px;
  390. border-radius: 3px 3px 3px 3px;
  391. text-decoration: none;
  392. color: silver;
  393. }
  394.  
  395. #contentfive #backgroundfiller{
  396. height: 100%;
  397. width: 100%;
  398. background: black;
  399. position: relative;
  400. margin-left: 0px;
  401. margin-top: 0px;
  402. -webkit-transition: all 1s;
  403. transition: all 1s;
  404. opacity: 0;
  405. }
  406.  
  407. #contentfive #linkline{
  408. position: relative;
  409. height: 100%;
  410. width: 100%;
  411. margin-left: 0px;
  412. margin-top: -60px;
  413. font-size: 20pt;
  414. letter-spacing: 3px;
  415. font-weight: 600;
  416. box-sizing: border-box;
  417. padding-top: 20px;
  418. -webkit-transition: all 1s;
  419. transition: all 1s;
  420. opacity: 0;
  421. color: black;
  422. font-weight: 600;
  423. z-index: 1;
  424. }
  425.  
  426. #contentfive img{
  427. position: relative;
  428. top: -60px;
  429. height:auto;
  430. width: 100%;
  431. -webkit-transition: all 1s;
  432. transition: all 1s;
  433. }
  434.  
  435. #contentfive a:hover img{
  436. opacity: .3;
  437. }
  438.  
  439. #contentfive a:hover #backgroundfiller{
  440. opacity: .4;
  441. }
  442.  
  443. #contentfive a:hover #linkline{
  444. opacity: 1;
  445. }
  446.  
  447. /* GALLERY SECTION */
  448.  
  449. #contentfour a{
  450. float: left;
  451. height: 60px;
  452. width: 99%;
  453. text-align: center;
  454. border: 0px solid black;
  455. overflow: hidden;
  456. margin-bottom: 5px;
  457. margin-left: 1px;
  458. border-radius: 3px 3px 3px 3px;
  459. text-decoration: none;
  460. color: silver;
  461. }
  462.  
  463. #contentfour img{
  464. position: relative;
  465. top: 0px;
  466. height:auto;
  467. width: 100%;
  468. top: -50px;
  469. opacity: .4;
  470. -webkit-transition: all 1s;
  471. transition: all 1s;
  472. }
  473.  
  474. #contentfour img:hover{
  475. opacity: 1;
  476. }
  477.  
  478. /* MUSIC PLAYLIST */
  479.  
  480. #musiccontainer{
  481. position: absolute;
  482. height: 90px;
  483. width: 204px;
  484. left: 200px;
  485. bottom: 10px;
  486. overflow: hidden;
  487. text-align: left;
  488. color: black;}
  489.  
  490. #musicholder{
  491. position: absolute;
  492. height: 200px;
  493. width: 204px;
  494. border: 0px solid black;
  495. background: pink;
  496. overflow: hidden;
  497. }
  498.  
  499. #musicline{
  500. float: left;
  501. overflow: hidden;
  502. height: 20px;
  503. width: 200px;
  504. border: 1px solid purple;
  505. }
  506.  
  507. #playerhold{
  508. position: relative;
  509. height: 100%;
  510. width: 35px;
  511. border: 0px solid red;
  512. overflow: hidden;
  513. margin-left: -26px;
  514. margin-top: 0px;
  515. zoom: 200%;
  516. }
  517.  
  518. #detailhold{
  519. position: relative;
  520. height: 100%;
  521. width: 170px;
  522. border: 0px solid green;
  523. margin-left: 22px;
  524. margin-top: -19px;
  525. text-align: left;
  526. font-family: 'titlefont';
  527. font-size: 6.9pt;
  528. font-weight: 600;
  529. box-sizing: border-box;
  530. padding-left: 3px;}
  531.  
  532. </style>
  533.  
  534. <div id="whole">
  535.  
  536. <div id="positionone">
  537. <div id="positiontwo">
  538. <div id="positionthree">
  539. <div id="positionfour">
  540. <div id="positionfive">
  541.  
  542.  
  543. <div id="allcontainer">
  544. <div id="mainarea">
  545. <div class="blankthing">Divine<br>
  546. Monrue</div>
  547. <div id="contentone" class="contentarea">
  548. may seventeenth nineteen eighty nine.
  549. <br>Cis Female
  550. <br>Hetero-Flexible
  551. <br>Golden Blonde Curls
  552. <br>Jade Green Eyes
  553. <br>Tigon-Chesire
  554. <br>Minette Hybrid
  555. <br>Habitual User
  556. </div>
  557. <div id="contenttwo" class="contentarea">
  558. Once upon a time a lioness lybrid laid down with a tiger. Nine months later she was born and lived a normal life, besides having to correct people on the difference between a tigon and liger. It was fairly simple but having to explain it over and over was tiresome. A liger's father was a Lion with mother a tigress while a tigon had a tiger father and lioness mother. The distinction between the two is very subtle.
  559. </div>
  560. <div id="contentthree" class="contentarea">
  561. Divine simply has a brat complex refusing to accept no and believe's it's some make believe word only ugly girls have to hear. Along with a bit of narcissism, the girl is a bit high maintenance with ridiculous standards in men. Everything could be going fine in a relationship, and the man does one thing she doesn't like, or has an 'intolerable' habit and she ends it on the whim.
  562. </div>
  563.  
  564. <div id="contentfour" class="contentarea">
  565. <a href="http://www.randomwebsite.com/images/head.jpg" title=_blank><img src="http://www.randomwebsite.com/images/head.jpg"></a>
  566. <a href="http://www.randomwebsite.com/images/head.jpg" title=_blank><img src="http://www.randomwebsite.com/images/head.jpg"></a>
  567. <a href="http://www.randomwebsite.com/images/head.jpg" title=_blank><img src="http://www.randomwebsite.com/images/head.jpg"></a>
  568. <a href="http://www.randomwebsite.com/images/head.jpg" title=_blank><img src="http://www.randomwebsite.com/images/head.jpg"></a>
  569. </div>
  570.  
  571. <div id="contentfive" class="contentarea">
  572. <a href="" target=_blank>
  573. <div id="backgroundfiller">
  574. </div>
  575. <div id="linkline">
  576. Friend.
  577. </div>
  578. <img src="http://www.wellhappypeaceful.com/wp-content/uploads/2012/09/6190668_f520.jpg"></a>
  579. <a href="" target=_blank>
  580. <div id="backgroundfiller">
  581. </div>
  582. <div id="linkline">
  583. Friend.
  584. </div>
  585. <img src="http://www.wellhappypeaceful.com/wp-content/uploads/2012/09/6190668_f520.jpg"></a>
  586.  
  587. <a href="" target=_blank>
  588. <div id="backgroundfiller">
  589. </div>
  590. <div id="linkline">
  591. Friend.
  592. </div>
  593. <img src="http://www.wellhappypeaceful.com/wp-content/uploads/2012/09/6190668_f520.jpg"></a>
  594.  
  595. <a href="" target=_blank>
  596. <div id="backgroundfiller">
  597. </div>
  598. <div id="linkline">
  599. Friend.
  600. </div>
  601. <img src="http://www.wellhappypeaceful.com/wp-content/uploads/2012/09/6190668_f520.jpg"></a>
  602.  
  603.  
  604. </div>
  605. </div>
  606.  
  607. <a id="tabone" class="tabdivs" href=#positionone>
  608. <div id="titlediv">
  609. <span>stats</span>
  610. </div>
  611. </a>
  612. <a id="tabtwo" class="tabdivs" href=#positiontwo>
  613. <div id="titlediv">
  614. <span>historY</span>
  615. </div>
  616. </a>
  617. <a id="tabthree" class="tabdivs" href=#positionthree>
  618. <div id="titlediv" style="letter-spacing: 3px;">
  619. <span>personalitY</span>
  620. </div>
  621. </a>
  622. <a id="tabfour" class="tabdivs" href=#positionfour>
  623. <div id="titlediv">
  624. <span>gallerY</span>
  625. </div>
  626. </a>
  627. <a id="tabfive" class="tabdivs" href=#positionfive>
  628. <div id="titlediv">
  629. <span>friends</span>
  630. </div>
  631. </a>
  632. <a id="tabreset" class="tabdivs" href=#blank>
  633. <div id="titlediv">
  634. <span>RESET</span>
  635. </div>
  636. </a>
  637. </div>
  638.  
  639. </div>
  640. </div>
  641. </div>
  642. </div>
  643. </div>
  644.  
  645. <div id="musiccontainer">
  646. <div id="musicholder">
  647. <div id="musicline">
  648. <div id="playerhold">
  649. <embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=true&f0=https://www.dropbox.com/s/zliq41mbjkhbi7t/CocoRosie%20-%20Lost.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  650. </div>
  651. <div id="detailhold">
  652. Cocorosie - Lost Girls.
  653. </div>
  654. </div>
  655.  
  656. <div id="musicline">
  657. <div id="playerhold">
  658. <embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/xcakr5ua6b26v17/7years%20-%20lukas%20graham%20%28LYRICS%29.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  659. </div>
  660. <div id="detailhold">
  661. 7 years - Lukas Grahm </div>
  662.  
  663. </div>
  664.  
  665. <div id="musicline">
  666. <div id="playerhold">
  667. <embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/uqntgu2digwwur1/Lykke%20Li%20-%20Knocked%20Up%20%28Kings%20of%20Leon%20cover%29.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  668. </div>
  669. <div id="detailhold">
  670. Lykke Li - Knocked Up
  671. </div>
  672.  
  673. </div>
  674.  
  675. <div id="musicline">
  676. <div id="playerhold">
  677. <embed src="https://dl.dropboxusercontent.com/u/4556289/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/uixhddltott9atx/Cool%20Kids%20-%20Echosmith%20%28Lyrics%20Video%29.mp3?dl=1&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
  678. </div>
  679. <div id="detailhold">
  680. Echosmith - Cool Kids </div>
  681.  
  682. </div>
  683.  
  684. </div>
  685. </div>
  686.  
  687. <div id="backgroundpattern">
  688. </div>
  689.  
  690. <div id="backgroundpattern2">
  691. </div>
  692.  
  693. </div>
  694.  
  695.  
  696. <style onload="try {document.title = 'd ι v ι ɴ ι т y ' ;} catch (e) { }"></style>
Advertisement
Add Comment
Please, Sign In to add comment