Advertisement
desolationresources6

JOY Layout

Dec 8th, 2016
301
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.10 KB | None | 0 0
  1. ---*NOTE: For the connection section, depending on the length of the names will depend on how the links are arranged. If they are too long they may end up overlapping. In that case, I would suggest either shortening the names on the tabs or eliminating one of the tab sections. If the names come up short and you like for the tab bar to be even all the way across then I would suggest lengthing the names or adding another tab connection. This editing should be done in the like to meet portion of the coding. *---
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. ---about me---
  9.  
  10. <style>
  11. @import url(https://fonts.googleapis.com/css?family=Amatic+SC);
  12. @import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
  13. @import url(http://fonts.googleapis.com/css?family=Playfair+Display);
  14. @import url(https://fonts.googleapis.com/css?family=Dorsa);
  15.  
  16. </style>
  17.  
  18.  
  19. <style>
  20.  
  21. .DRs { Created by desolation resources }
  22.  
  23.  
  24. .DRs { Background Properties }
  25. table, tr, td { background-color:transparent; border:none; border-width:0;}
  26. body {
  27. background-color: 000000;
  28. background-image:url("");
  29. background-attachment:fixed;
  30. background-repeat:no-repeat;
  31. background-position:top center;
  32. }
  33.  
  34. .DRs { Table Properties }
  35. table table { border: 0px }
  36. table table table table{border:0px}
  37. table table table {
  38. border-style:solid;
  39. border-width:0px;
  40. border-color:141914;
  41. background-color:000000;
  42. }
  43.  
  44. ::-webkit-scrollbar-thumb:vertical {
  45. background-color: #141414;
  46. height: 7px;
  47. }
  48.  
  49. ::-webkit-scrollbar-thumb:horizontal { background-color: #141414;
  50. height: 7px;
  51. }
  52.  
  53. ::-webkit-scrollbar {
  54. background-color: #141914;
  55. border: 2px solid #141914;
  56. height:5px;
  57. width:5px;
  58. }
  59.  
  60. .DRs{text properties}
  61. table, tr, td, li, p, div {
  62. font-family: arial!important;
  63. font-size: 10px!important;
  64. line-height: 9px!important;
  65. text-align: justify!important;
  66. color: #424340!important;
  67.  
  68. }
  69.  
  70. a:active, a:visited, a:link {
  71. font-family: Josefin Sans!important;
  72. font-size: 9px!important;
  73. line-height: 15px!important;
  74. color: #141914;
  75. font-weight: lighter!important;
  76. text-decoration: none;
  77. -webkit-transition: all .9s ease-in-out;
  78. -moz-transition: all .9s ease-in-out;
  79. -o-transition: all .9s ease-in-out;
  80. }
  81.  
  82. a:hover {
  83. color: #c0c0c0;
  84. background-color: #49342b;
  85. }
  86.  
  87. a.first, a.first:link, a.first:active, a.first:visited
  88. {
  89. width: 55px;
  90. font-family: "Josefin Sans";
  91. font-size: 9px;
  92. font-weight: lighter;
  93. line-height: 16px;
  94. letter-spacing: 2px;
  95. color: #414741;
  96. text-decoration: none;
  97. text-transform: uppercase;
  98. background-image:url('');
  99. background-color: #141914;
  100. text-align: center;
  101. display: inline-block;
  102. padding: 8px;
  103. margin: 1px;
  104. -webkit-transition: all .7s ease-in-out;
  105. -moz-transition: all .7s ease-in-out;
  106. -o-transition: all .7s ease-in-out;
  107. }
  108.  
  109. a.first:hover {
  110. color: #c0c0c0;
  111. text-align: right;
  112. letter-spacing: 3px;
  113. }
  114.  
  115. a.second, a.second:link, a.second:active, a.second:visited{
  116. font-family: "Josefin Sans";
  117. font-size: 9px;
  118. font-weight: lighter;
  119. line-height: 12px;
  120. letter-spacing: 0px;
  121. color: #971717;
  122. text-transform: uppercase;
  123. background-image:url('');
  124. background-color: transparent;
  125. border-bottom: 1px solid #467755;
  126. text-align: left;
  127. display: block;
  128. padding: 5px;
  129. margin: 1px;
  130. -webkit-transition: all .9s ease-in-out;
  131. -moz-transition: all .9s ease-in-out;
  132. -o-transition: all .9s ease-in-out;
  133. }
  134.  
  135. a.second:hover {
  136. color: #c0c0c0;
  137. text-align: right;
  138. letter-spacing: 3px;
  139. background-color: #467755;
  140. }
  141.  
  142. a.third, a.third:link, a.third:active, a.third:visited{
  143. font-family: "Josefin Sans";
  144. font-size: 9px;
  145. font-weight: lighter;
  146. line-height: 12px;
  147. letter-spacing: -1px;
  148. color: #971717;
  149. text-transform: uppercase;
  150. background-image:url('');
  151. background-color: #c0c0c0;
  152. border-bottom: 1px solid #467755;
  153. text-align: left;
  154. display: block;
  155. padding: 5px;
  156. margin: 1px;
  157. -webkit-transition: all .9s ease-in-out;
  158. -moz-transition: all .9s ease-in-out;
  159. -o-transition: all .9s ease-in-out;
  160. }
  161.  
  162. a.third:hover {
  163. color: #c0c0c0;
  164. text-align: right;
  165. letter-spacing: 3px;
  166. background-color: #467755;
  167. }
  168.  
  169.  
  170.  
  171.  
  172. .DRs {second properties}
  173.  
  174. b {
  175. font-size: 9px;
  176. color: #141914!important;
  177. text-transform: uppercase;
  178. font-weight: lighter;
  179. letter-spacing: 1px;
  180. font-style: none;
  181. border-left: 5px solid #141914;
  182. line-height: 12px;
  183. }
  184.  
  185.  
  186.  
  187. i {
  188. font-family: Josefin Sans;
  189. font-size: 10px;
  190. font-weight: normal;
  191. text-align: center;
  192. color: #314e2d;
  193. background-color: transparent;
  194. text-transform: uppercase;
  195. margin: 1px;
  196. letter-spacing: 1px;
  197. line-height: 11px;
  198. }
  199.  
  200. u {
  201. color: #314e2d
  202. text-decoration: none;
  203. font-size: 12px;
  204. text-transform: uppercase;
  205. font-weight: lighter;
  206. line-height: 9px;
  207. font-style: Amatic SC;;
  208. }
  209.  
  210.  
  211. em {
  212. font-style: Josefin Sans;
  213. font-size: 9px;
  214. font-weight: normal;
  215. color: #314e2d;
  216. text-decoration: none;
  217. text-transform: uppercase;
  218. letter-spacing: 1px;
  219. line-height: 9px;
  220.  
  221. }
  222.  
  223.  
  224. .DRs {header properties}
  225.  
  226. h1{font-family: Amatic SC; font-size:18px; font-weight:normal; text-align:right; color: 414741 ; background-color:141914; text-transform:normal; margin:3px; letter-spacing:1px; padding:14px; line-height:4px; font-style:normal;}
  227.  
  228. h2 {font-family: Amatic SC; font-size:15px; font-weight:normal; text-align:center; color: 414741 ; background-color:141914; text-transform:normal; margin:3px; letter-spacing:1px; padding:6px; line-height:4px; font-style:normal;}
  229.  
  230. h3 {font-family: Dorsa; font-size:25px; font-weight:normal; text-align:center; color: 345739 ; background-color:; text-transform:normal; margin:2px; letter-spacing:3px; padding:2px; line-height:14px; font-style:uppercase;}
  231.  
  232. h4{color: 4e5348; background-color:141414; font-family:small fonts; font-size: 8px; line-height:7px; text-align:right;font-weight:normal; text-transform:uppercase; letter-spacing:3px; margin:2px; padding:1px;}
  233.  
  234.  
  235. h5{color: 242f37; font-family: Dorsa; font-size: 25px; line-height:12px; text-align:left; font-weight:normal; text-transform:uppercase; letter-spacing:4px; margin:1px; padding:1px; border-bottom:1px solid; border-color:4e5348; background-image:url("")}
  236.  
  237. h6 {font-family: Dorsa; color: #314e2d; font-size: 24px; text-align: right; text-transform: uppercase; font-weight: lighter; font-style: none; line-height: 30px; margin:2px; letter-spacing:2px;}
  238.  
  239. h7 {font-family: Playfair Display; font-size:30px; font-weight:normal; text-align:center; color: 141914; text-transform:uppercase; margin:3px; letter-spacing:-4px; padding:1px; line-height:33px; font-style:normal;}
  240.  
  241.  
  242. h8 {font-family: Amatic SC; font-size:25px; font-weight:normal; text-align: center; color: 414741; text-transform:normal; margin:1px; letter-spacing:1px; padding:1px; line-height:20px; font-style:normal;}
  243.  
  244.  
  245. h9 {font-family: Playfair Display; font-size:32px; font-weight:normal; text-align: center; color: 141914; text-transform:normal; margin:2px; letter-spacing:-2px; padding:1px; line-height:30px; font-style:normal;}
  246.  
  247. s2 {font-family: Amatic SC; font-size: 14px; font-weight: normal; text-align: center; color: #314e2d; background-color: transparent; text-transform: none; margin: 1px; letter-spacing: 0px; line-height: 9px;
  248. }
  249.  
  250. s3 {float:left; font:italic 20px 'Playfair Display'; text-transform:uppercase; font-weight:400; color:#565956; background-color:#141914; padding:2px 10px 2px 10px; margin:5px 5px 0 0;}
  251.  
  252.  
  253. </style>
  254.  
  255.  
  256. <style type="text/css">table table { direction:ltr; } table table table { direction:ltr; }</style>
  257.  
  258. <style>
  259. .a {move left column}
  260. object, embed,
  261. table table table {position:relative; top: -32px; left: 172px;}
  262. table table table table {position:static;}
  263.  
  264. .a {move right column}
  265. td.text table {position:relative; top: -60px!important; left: 162px;}
  266. td.text object, td.text embed,
  267. td.text table table {position:static;}
  268.  
  269.  
  270. table table table {margin-top:15px;}
  271. table table table table {margin-top:0px;}
  272. </style>
  273.  
  274. <style>
  275. .DRhide {Hidden Sections}
  276. .blurbs{display:none;visibility:hidden;}
  277. .friendSpace { display:none; }
  278. .contactTable { display: none; }
  279. .interestsAndDetails { display:none; }
  280. .latestBlogEntry { display:none; }
  281. .friendsComments { display:none; }
  282. .userProfileDetail{ display:none; }
  283. .extendednetwork {display:none;}
  284. .userProfileURL{display:none;}
  285. .nametext {display:none;}
  286. .profileInfo{display:none;}
  287. #googlebar{display:none;}
  288. .clearfix{display:none;}
  289. .orangetext15{display: none;}
  290. .whitetext12{display: none;}
  291. .lightbluetext8{display: none;}
  292. .blacktext12 {display: none;}
  293. a.text, table div font a, table div div {visibility:hidden;}
  294. table tr td div font {display: none;}
  295. div table td font {display: none;}
  296. body div table td form img{display:none!important;}
  297. a.text, table div font a, table div div {visibility:hidden;}
  298. table table div font a, table table div div {visibility:visible;}
  299. img {border:0px;}
  300. table tr td div font {display: none;}
  301.  
  302. td.text table {position:relative; top: -10px;}
  303.  
  304. .{hide text properties}
  305. .whitetext12{display: none;}.lightbluetext8{display: none;}.lightbluetext8 {display:none;}table table table table td {width:0px;}.contactTable td, table table td.text table td,table table table table table td {width:auto;}
  306. </style>
  307.  
  308.  
  309.  
  310.  
  311. <style>tr {background-color: transparent;}</style>
  312.  
  313. <style>select {position:absolute!important; top:-800px;}div table div form {display:none!important;}</style>
  314.  
  315.  
  316. <style>td.text table {position:relative; top:100px;}td.text table table {position:static;}td.text table {position:relative; top: 0px;}td.text table table {position:static;}
  317.  
  318. </style>
  319.  
  320.  
  321. </style>
  322.  
  323. <style>
  324. #navigation {
  325. position: absolute;
  326. top: -9px;
  327. left: -250px;
  328. width: 230px;
  329. height: 100px;
  330. background-color: ;
  331. padding: 6px;
  332. border-style:solid;
  333. border-width:0px;
  334. border-color:;
  335. text-align: center!important;
  336. }
  337.  
  338.  
  339. .box {
  340. vertical-align:top;
  341. position:relative;
  342. float:left;
  343. margin:5px 17px;
  344. width:195px;
  345. font-size:10px;
  346. border-color:141914;
  347. border-width:1px;
  348. }
  349.  
  350. .box img {
  351. width:215px;
  352. height:145px;
  353. border-color:141914;
  354. border-width:1px;
  355. }
  356.  
  357.  
  358. .DRside {
  359. top:-2px;
  360. background:#000000;
  361. width:195px;
  362. font-size:12px;
  363. text-transform:lowercase;
  364. opacity:0;
  365. height:0;
  366. border-top:1px solid transparent;
  367. padding:10px;
  368. text-align:center;
  369. position:absolute;
  370. transition:0.3s ease-in;
  371. -webkit-transition:0.3s ease-in;
  372. -moz-transition:0.3s ease-in;
  373. }
  374.  
  375. .box:hover .DRside {
  376. opacity:.9;
  377. height:45%;
  378. top:-1px;
  379. }
  380.  
  381.  
  382. .bottom {
  383. padding:10px 12px 7px 12px;
  384. line-height:160%;
  385. max-height:70px;
  386. overflow-y:auto;
  387. }
  388.  
  389. .caption {
  390. opacity:0;
  391. top:auto;
  392. background:#000000;
  393. width:195px;
  394. height:0;
  395. border-bottom:1px solid transparent;
  396. padding:10px;
  397. bottom:-2px;
  398. text-align:center;
  399. position:absolute;
  400. transition:0.3s ease-in;
  401. -webkit-transition:0.3s ease-in;
  402. -moz-transition:0.3s ease-in;
  403. }
  404.  
  405. .box:hover .caption {
  406. opacity:.9;
  407. height:30%;
  408. bottom:0px;
  409. }
  410.  
  411.  
  412.  
  413.  
  414.  
  415.  
  416.  
  417. #musicnav {
  418. position: absolute;
  419. top: 145px;
  420. left: -240px;
  421. width: 230px;
  422. height: 200px;
  423. background-color: ;
  424. padding: 6px;
  425. border-style:solid;
  426. border-width:0px;
  427. border-color:;
  428. text-align: center!important;
  429. }
  430.  
  431.  
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439.  
  440.  
  441.  
  442. .tabs {
  443. position: relative;
  444. min-height: 200px; /* This part sucks */
  445. clear: both;
  446. margin: 20px 0;
  447. }
  448. .tab {
  449. float: left;
  450. }
  451. .tab label {
  452. background: #141914;
  453. padding: 11px;
  454. border: 1px solid #141914;
  455. margin-left: -1px;
  456. position: relative;
  457. left: 1px;
  458. font-family: Josefin Sans; color: 414741 ; text-transform: uppercase;
  459. font-size:10px;
  460.  
  461. }
  462. .tab [type=radio] {
  463. display: none;
  464. }
  465. .content {
  466. position: absolute;
  467. top: 28px;
  468. left: 0;
  469. background: #000000;
  470. right: 0;
  471. bottom: 0;
  472. padding: 20px;
  473. border: 1px solid #141914;
  474. }
  475. [type=radio]:checked ~ label {
  476. background: #000000;
  477. border-bottom: 1px #141914;
  478. z-index: 2;
  479. }
  480. [type=radio]:checked ~ label ~ .content {
  481. z-index: 1;
  482. }
  483.  
  484.  
  485. </style>
  486.  
  487.  
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499. ---like to meet---
  500. </tr></table></td></tr></table><br /> <table bordercolor="" cellspacing="0" cellpadding="0" width="550" bgcolor="0" border="0"><tr></tr><tr><td><table bordercolor="" cellspacing="0" cellpadding="0" width="550" align="right" bgcolor="ffffff" border="2"><td valign="top" align="left" width="550" bgcolor="" style="word-wrap:break-word; padding: 0px;">
  501.  
  502.  
  503.  
  504.  
  505.  
  506. <img src="http://i.imgur.com/G4JiDyW.png">
  507.  
  508.  
  509.  
  510.  
  511. <div style="float: left; width: 49%; text-align: justified;">
  512. I started a joke which started the whole world crying but I didn't see that the joke was on me. I started to cry which started the whole world laughing. Oh If I'd only seen that the joke was on me.
  513. I started a joke which started the whole world crying but I didn't see that the joke was on me. I started to cry which started the whole world laughing. Oh If I'd only seen that the joke was on me.
  514.  
  515.  
  516. </div>
  517.  
  518.  
  519. <div style="float: right; width: 49%; text-align: justified;">
  520. I started a joke which started the whole world crying but I didn't see that the joke was on me. I started to cry which started the whole world laughing. Oh If I'd only seen that the joke was on me.
  521. I started a joke which started the whole world crying but I didn't see that the joke was on me. I started to cry which started the whole world laughing. Oh If I'd only seen that the joke was on me.
  522. </div>
  523.  
  524. <br><br><br>
  525.  
  526.  
  527.  
  528. <center><h7>all it takes is one bad day</h7><br><em>Ain't no mercy, got that purple Lamborghini lurkin'</em></center>
  529.  
  530.  
  531.  
  532. <div style="border:1px solid #141914; width:264px; background-color:; overflow:auto; text-align:left; padding:3px; margin:1px; height:180px; float:left;">
  533. <h1>hahahahaha</h1>
  534. <br>
  535. <s3>H</s3>ahaha hahaha hahaha hahaha hahaha hahaha hahaha hahahaha.
  536. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come.more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come.more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come.more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come.more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come.more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come. more to come.
  537. <br>
  538. <br>
  539. <br>
  540. </div>
  541.  
  542.  
  543.  
  544. <div style="border:1px solid #141914; width:264px; background-color:; overflow:auto; text-align:left; padding:3px; margin:1px; height:180px; float:right;">
  545. <h1>hahahaha </h1>
  546.  
  547. <br><b>Name:</b> --
  548. <br><b>Nick Names:</b> --
  549. <br><b>Age:</b> --
  550. <br><b>Parents:</b> --
  551. <br><b>Siblings:</b> --
  552. <br><b>Spouse:</b> --
  553. <br><b>Personality Traits:</b> --
  554. <br><b>Ethnicity:</b> --
  555. <br><b>Wand:</b> --
  556. <br><b>Boggart:</b> --
  557. <br><b>Patronus:</b> --
  558. <br><b>Strengths:</b> --
  559. <br><b>Weaknesses:</b> --
  560. <br><b>ALLIANCE:</b> --
  561.  
  562. <br>
  563.  
  564. <h3>Facts and Headcanons</h3>
  565. <br><s2>ϟ</s2>--
  566. <br><s2>ϟ</s2>--
  567. <br><s2>ϟ</s2>--
  568. <br><s2>ϟ</s2>--
  569. <br><s2>ϟ</s2> --
  570. <br><s2>ϟ</s2>--
  571. <br><s2>ϟ</s2> --
  572. <br><s2>ϟ</s2>--
  573. <br><s2>ϟ</s2>--
  574. <br><s2>ϟ</s2>--
  575. </div>
  576.  
  577. <center><h7> all it takes is one bad day</h7><br>
  578. <h2>Ain't no mercy, got that purple Lamborghini lurkin'</h2>
  579.  
  580. </center>
  581.  
  582.  
  583.  
  584.  
  585.  
  586. <div class="tabs">
  587.  
  588. <div class="tab">
  589. <input type="radio" id="tab-1" name="tab-group-1" checked>
  590. <label for="tab-1">Name</label>
  591.  
  592. <div class="content">
  593. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  594. <b>Name:</b> --
  595. <br><b>connection:</b>--
  596. <br><b>song:</b>--
  597. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  598. </div>
  599. </div>
  600.  
  601. <div class="tab">
  602. <input type="radio" id="tab-2" name="tab-group-1">
  603. <label for="tab-2">Name</label>
  604.  
  605. <div class="content">
  606. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  607. <b>Name:</b> --
  608. <br><b>connection:</b>--
  609. <br><b>song:</b>--
  610. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  611. </div>
  612. </div>
  613.  
  614. <div class="tab">
  615. <input type="radio" id="tab-3" name="tab-group-1">
  616. <label for="tab-3">Name</label>
  617.  
  618. <div class="content">
  619. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  620. <b>Name:</b> --
  621. <br><b>connection:</b>--
  622. <br><b>song:</b>--
  623. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  624. </div>
  625. </div>
  626.  
  627.  
  628. <div class="tab">
  629. <input type="radio" id="tab-4" name="tab-group-1">
  630. <label for="tab-4">Name</label>
  631.  
  632. <div class="content">
  633. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  634. <b>Name:</b> --
  635. <br><b>connection:</b>--
  636. <br><b>song:</b>--
  637. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  638. </div>
  639. </div>
  640.  
  641.  
  642. <div class="tab">
  643. <input type="radio" id="tab-5" name="tab-group-1">
  644. <label for="tab-5">Name</label>
  645.  
  646. <div class="content">
  647. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  648. <b>Name:</b> --
  649. <br><b>connection:</b>--
  650. <br><b>song:</b>--
  651. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  652. </div>
  653. </div>
  654.  
  655.  
  656. <div class="tab">
  657. <input type="radio" id="tab-6" name="tab-group-1">
  658. <label for="tab-6">Name</label>
  659.  
  660. <div class="content">
  661. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  662. <b>Name:</b> --
  663. <br><b>connection:</b>--
  664. <br><b>song:</b>--
  665. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  666. </div>
  667. </div>
  668.  
  669. <div class="tab">
  670. <input type="radio" id="tab-7" name="tab-group-1">
  671. <label for="tab-7">Name</label>
  672.  
  673. <div class="content">
  674. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  675. <b>Name:</b> --
  676. <br><b>connection:</b>--
  677. <br><b>song:</b>--
  678. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  679. </div>
  680. </div>
  681.  
  682. <div class="tab">
  683. <input type="radio" id="tab-8" name="tab-group-1">
  684. <label for="tab-8">Name</label>
  685.  
  686. <div class="content">
  687. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  688. <b>Name:</b> --
  689. <br><b>connection:</b>--
  690. <br><b>song:</b>--
  691. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  692. </div>
  693. </div>
  694.  
  695.  
  696. <div class="tab">
  697. <input type="radio" id="tab-9" name="tab-group-1">
  698. <label for="tab-9">Name</label>
  699.  
  700. <div class="content">
  701. <img src="http://i.imgur.com/3Vi4N5E.png" align="left">
  702. <b>Name:</b> --
  703. <br><b>connection:</b>--
  704. <br><b>song:</b>--
  705. <br><b>About:</b> stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here. stuff about this connection goes here.
  706. </div>
  707. </div>
  708.  
  709.  
  710. </div>
  711.  
  712.  
  713.  
  714.  
  715.  
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722.  
  723.  
  724.  
  725.  
  726.  
  727.  
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771.  
  772.  
  773.  
  774.  
  775.  
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786.  
  787.  
  788.  
  789.  
  790.  
  791.  
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804.  
  805. <div id="navigation">
  806.  
  807.  
  808.  
  809.  
  810.  
  811. <div class="box">
  812. <img src="http://i.imgur.com/3XVYbt2.png"/>
  813. <div class="DRside">
  814. <div class="bottom">
  815.  
  816. <h6>aim: screenname</h6>
  817.  
  818. </div>
  819. </div>
  820. <div class="caption">
  821. <br><center><i>ahahahahaha</i></center>
  822. </div>
  823. </div>
  824.  
  825.  
  826.  
  827. </div>
  828.  
  829.  
  830.  
  831.  
  832.  
  833.  
  834. <div id="musicnav">
  835. <center>
  836. <a href="/home.php" class="first">home</a><a href="http://www.roleplayer.me/send_message.php?member_id=#" class="first">mssge</a><a href="http://www.roleplayer.me/add_comment.php?member_id=#" class="first">cmmnt</a>
  837. <a href="http://www.roleplayer.me/gallery.php?member_id=#" class="first">gllry</a><a href="#" class="first">link</a><a href="http://www.roleplayer.me/1174719" class="first">credit</a>
  838.  
  839. </center>
  840.  
  841. <center><h9>the joker </h9><br>
  842. <h8> hahahahahaha</h8>
  843. <br><br>
  844.  
  845.  
  846.  
  847. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="25">
  848. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  849. <param name="bgcolor" value="#acacac" />
  850. <param name="FlashVars" value="mp3=https://www.dropbox.com/s/azzrskzsy5qmwfs/Skrillex%20%26%20Rick%20Ross%20-%20Purple%20Lamborghini%20%5BAUDIO%5D.mp3?dl=1|https://www.dropbox.com/s/pr9awwbhkl6sm6b/Rev%2022-20%20-%20Puscifer.mp3?dl=1|https://www.dropbox.com/s/yf66zvh80701rtj/Suicide%20Squad%20-%20Ballroom%20blitz.mp3?dl=1|https://www.dropbox.com/s/z7ehh2n2qeexaer/Joker%20-%20Sucker%20for%20Pain.mp3?dl=1&height=25&autoplay=1&loop=1&shuffle=2&loadingcolor=d8d8d8&bgcolor=000000&bgcolor1=000000&bgcolor2=000000&slidercolor1=141914&slidercolor2=141914&sliderovercolor=141914&buttoncolor=141914&buttonovercolor=141914&textcolor=141914" />
  851. </object>
  852.  
  853. </center>
  854.  
  855.  
  856. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement