API tools faq
paste
Advertisement
htpremadesbb

Purple Reign - DIV LAYOUT

htpremadesbb
Apr 4th, 2017
717
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.07 KB | None | 0 0
raw download clone embed print report
  1. http://www.colourlovers.com/palette/54697/Trick_or_Treat
  2.  
  3. ----------------------------- About me -----------------------------
  4.  
  5. <link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Parisienne" rel="stylesheet">
  7.  
  8.  
  9. </td></tr></table></td></tr></table>
  10. <body oncontextmenu="return false">
  11. <style type="text/css">
  12.  
  13.  
  14. .BITCHCRAFT { BACKGROUND & TABLE PROPERTIES }
  15.  
  16. table, tr, td { display:none; }
  17. body { background-color: #602749; background-image: url("http://orig14.deviantart.net/4211/f/2009/179/7/9/mspaint_bg_dark_purple_by_lord_hayati.png"); background-repeat: repeat; background-attachment: fixed;
  18. overflow-y:auto; overflow-x:hidden; }
  19.  
  20.  
  21.  
  22.  
  23.  
  24. .BITCHCRAFT { SCROLLBAR PROPERTIES }
  25.  
  26. ::-webkit-scrollbar-thumb:vertical {background-color:#ffffff;}
  27. ::-webkit-scrollbar-thumb:horizontal {background-color:#ffffff;}
  28. ::-webkit-scrollbar {width:5px; height:5px; background-color:#130912;}
  29.  
  30.  
  31.  
  32.  
  33. .BITCHCRAFT { DIV BOXES }
  34.  
  35.  
  36. .credit {
  37. top: 25px;
  38. left: 25px;
  39. width: 46px;
  40. height: 16px;
  41. background-color: #130912;
  42. padding: 0px 0px 0px 0px;
  43. margin: 10px;
  44. border: 1px solid #602749;
  45. outline: 3px solid #130912;}
  46.  
  47.  
  48. .music {
  49. bottom:6px;
  50. right:-308px;
  51. width:340px;
  52. height:33px;
  53. position:fixed!important;
  54. -webkit-transition: all .3s linear;
  55. -moz-transition: all .3s linear;
  56. -o-transition: all .3s linear;}
  57.  
  58. .music:hover {
  59. right:-268px; }
  60.  
  61.  
  62.  
  63.  
  64. .backgroundbox {
  65. top:0px;
  66. left:245px;
  67. height:1660px;
  68. width:850px;
  69. margin:0px 0px 100px 0px;
  70. padding:0px;
  71. background-color:#130912;
  72. border-left: 10px solid #3E1C33;
  73. border-right: 10px solid #3E1C33;
  74. border-bottom: 10px solid #3E1C33;
  75. overflow:hidden;
  76. position:absolute;
  77. z-index:-1;}
  78.  
  79.  
  80. .displayname {
  81. top:50px;
  82. left:255px;
  83. height:125px;
  84. width:850px;
  85. margin:0px;
  86. padding:0px;
  87. overflow:hidden;
  88. position:absolute;
  89. z-index:0;}
  90.  
  91. .navigation {
  92. top:10px;
  93. left:255px;
  94. height:30px;
  95. width:856px;
  96. margin:0px 0px 0px 0px;
  97. padding: 9px 0px 0px 0px;
  98. overflow:hidden;
  99. position:absolute;
  100. z-index:0;}
  101.  
  102. .box1left {
  103. top:180px;
  104. left:265px;
  105. height:100px;
  106. width:350px;
  107. margin:0px;
  108. padding:15px 10px 0px 10px;
  109. overflow:hidden;
  110. position:absolute;
  111. background-color: #602749;
  112. z-index:0;}
  113.  
  114.  
  115. .box2left {
  116. top:306px;
  117. left:265px;
  118. height:180px;
  119. width:350px;
  120. margin:0px;
  121. padding:15px 10px 0px 10px;
  122. overflow:hidden;
  123. position:absolute;
  124. background-color: #602749;
  125. z-index:0;}
  126.  
  127.  
  128.  
  129. .box1center {
  130. top:512px;
  131. left:245px;
  132. height:81px;
  133. width:850px;
  134. margin:0px;
  135. padding:10px 10px 0px 10px;
  136. overflow:hidden;
  137. position:absolute;
  138. background-color: #3E1C33;
  139. z-index:0;}
  140.  
  141.  
  142. .box1righttext {
  143. top:180px;
  144. left:645px;
  145. height:310px;
  146. width:430px;
  147. margin:0px;
  148. padding:10px 10px 0px 10px;
  149. overflow:hidden;
  150. position:absolute;
  151. background-color: #602749;
  152. overflow: hidden;
  153. position: absolute;
  154. z-index: 2;
  155.  
  156. -webkit-transition: all 1.5s ease;
  157. -moz-transition: all 1.5s ease;
  158. transition: all 1.5s ease;
  159. filter:alpha(opacity=0);
  160. -html-opacity:0;
  161. -moz-opacity:0;
  162. opacity:0;}
  163.  
  164. .box1righttext:hover {
  165. filter:alpha(opacity=1);
  166. -html-opacity:1;
  167. -moz-opacity:1;
  168. opacity:1;}
  169.  
  170.  
  171.  
  172.  
  173. .box1right {
  174. top:180px;
  175. left:645px;
  176. height:310px;
  177. width:430px;
  178. margin:0px;
  179. padding:10px 10px 0px 10px;
  180. overflow:hidden;
  181. position:absolute;
  182. background-color: #602749;
  183. z-index:1;}
  184.  
  185.  
  186.  
  187.  
  188.  
  189. .familybanner {
  190. top:613px;
  191. left:255px;
  192. height:125px;
  193. width:850px;
  194. margin:0px;
  195. padding:0px;
  196. overflow:hidden;
  197. position:absolute;
  198. z-index:0;}
  199.  
  200.  
  201.  
  202.  
  203.  
  204.  
  205. .box2center {
  206. top:745px;
  207. left:265px;
  208. height:200px;
  209. width:248px;
  210. margin:0px;
  211. padding:10px 12px 0px 10px;
  212. overflow:hidden;
  213. position:absolute;
  214. background-color: #3E1C33;
  215. text-align: center;
  216. z-index: 2;
  217. -webkit-transition: all 1s ease;
  218. -moz-transition: all 1s ease;
  219. transition: all 1s ease;
  220. filter:alpha(opacity=0);
  221. -html-opacity:0;
  222. -moz-opacity:0;
  223. opacity:0;}
  224.  
  225. .box2center:hover {
  226. filter:alpha(opacity=1);
  227. -html-opacity:1;
  228. -moz-opacity:1;
  229. opacity:1;
  230. }
  231.  
  232.  
  233.  
  234.  
  235. .box2centerimage {
  236. top:745px;
  237. left:265px;
  238. height:200px;
  239. width:250px;
  240. margin:0px;
  241. padding:10px 10px 0px 10px;
  242. overflow:hidden;
  243. position:absolute;
  244. text-align: center;
  245. background-color: #3E1C33;
  246. z-index:1;}
  247.  
  248.  
  249.  
  250. .box3center {
  251. top:745px;
  252. left:545px;
  253. height:200px;
  254. width:248px;
  255. margin:0px;
  256. padding:10px 12px 0px 10px;
  257. overflow:hidden;
  258. position:absolute;
  259. background-color: #3E1C33;
  260. text-align: center;
  261. z-index: 2;
  262. -webkit-transition: all 1s ease;
  263. -moz-transition: all 1s ease;
  264. transition: all 1s ease;
  265. filter:alpha(opacity=0);
  266. -html-opacity:0;
  267. -moz-opacity:0;
  268. opacity:0;}
  269.  
  270. .box3center:hover {
  271. filter:alpha(opacity=1);
  272. -html-opacity:1;
  273. -moz-opacity:1;
  274. opacity:1;
  275. }
  276.  
  277.  
  278.  
  279.  
  280. .box3centerimage {
  281. top:745px;
  282. left:545px;
  283. height:200px;
  284. width:250px;
  285. margin:0px;
  286. padding:10px 10px 0px 10px;
  287. overflow:hidden;
  288. position:absolute;
  289. text-align: center;
  290. background-color: #3E1C33;
  291. z-index:1;}
  292.  
  293.  
  294.  
  295. .box4center {
  296. top:745px;
  297. left:825px;
  298. height:200px;
  299. width:250px;
  300. margin:0px;
  301. padding:10px 12px 0px 10px;
  302. overflow:hidden;
  303. position:absolute;
  304. background-color: #3E1C33;
  305. text-align: center;
  306. z-index: 2;
  307. -webkit-transition: all 1s ease;
  308. -moz-transition: all 1s ease;
  309. transition: all 1s ease;
  310. filter:alpha(opacity=0);
  311. -html-opacity:0;
  312. -moz-opacity:0;
  313. opacity:0;}
  314.  
  315. .box4center:hover {
  316. filter:alpha(opacity=1);
  317. -html-opacity:1;
  318. -moz-opacity:1;
  319. opacity:1;
  320. }
  321.  
  322.  
  323.  
  324. .box4centerimage {
  325. top:745px;
  326. left:825px;
  327. height:200px;
  328. width:250px;
  329. margin:0px;
  330. padding:10px 10px 0px 10px;
  331. overflow:hidden;
  332. position:absolute;
  333. text-align: center;
  334. background-color: #3E1C33;
  335. z-index:1;}
  336.  
  337.  
  338.  
  339.  
  340.  
  341.  
  342.  
  343. .familyhr {
  344. top:805px;
  345. left:245px;
  346. height:81px;
  347. width:850px;
  348. margin:0px;
  349. padding:10px 10px 0px 10px;
  350. overflow:hidden;
  351. position:absolute;
  352. background-color: #3E1C33;
  353. z-index:0;}
  354.  
  355.  
  356.  
  357. .familyslide {
  358. top:965px;
  359. left:245px;
  360. height:110px;
  361. width:850px;
  362. margin:0px;
  363. padding:10px 10px 0px 10px;
  364. overflow:hidden;
  365. position:absolute;
  366. background-color: #3E1C33;
  367. z-index:0;}
  368.  
  369.  
  370.  
  371.  
  372. .familyquote {
  373. top:1095px;
  374. left:245px;
  375. height:69px;
  376. width:850px;
  377. margin:0px;
  378. padding:10px 10px 0px 10px;
  379. overflow:hidden;
  380. position:absolute;
  381. background-color: #3E1C33;
  382. z-index:0;}
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390. .lovebanner {
  391. top:1180px;
  392. left:255px;
  393. height:125px;
  394. width:850px;
  395. margin:0px;
  396. padding:0px;
  397. overflow:hidden;
  398. position:absolute;
  399. z-index:0;}
  400.  
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407. .lovepicture {
  408. top:1310px;
  409. left:265px;
  410. height:310px;
  411. width:430px;
  412. margin:0px;
  413. padding:10px 10px 0px 10px;
  414. overflow:hidden;
  415. position:absolute;
  416. background-color: #602749;
  417. overflow: hidden;
  418. position: absolute;
  419. z-index: 2;}
  420.  
  421. .lovetext {
  422. top:1310px;
  423. left:725px;
  424. height:310px;
  425. width:350px;
  426. margin:0px;
  427. padding:10px 10px 0px 10px;
  428. overflow:hidden;
  429. position:absolute;
  430. background-color: #602749;
  431. overflow: hidden;
  432. position: absolute;
  433. z-index: 2;}
  434.  
  435.  
  436. .lovequote {
  437. top:1640px;
  438. left:245px;
  439. height:69px;
  440. width:850px;
  441. margin:0px;
  442. padding:10px 10px 0px 10px;
  443. overflow:hidden;
  444. position:absolute;
  445. background-color: #3E1C33;
  446. z-index:0;}
  447.  
  448.  
  449.  
  450.  
  451.  
  452. .BITCHCRAFT { TEXT PROPERTIES }
  453.  
  454. .text, table, tr, td, li, p, div {
  455. color: #ffffff;
  456. font-family:courier new;
  457. font-size: 10px;
  458. font-style: nitalixone;
  459. font-weight: 0px;
  460. letter-spacing: 2px;
  461. margin: 0px 0px 0px 0px;
  462. text-transform: uppercase;
  463. text-decoration: ;
  464. text-shadow: 0px;
  465. text-align: justify;}
  466.  
  467.  
  468.  
  469. .BITCHCRAFT { TEXT STYLE PROPERTIES }
  470.  
  471. b {
  472. color: #000000;
  473. font-family: arial black;
  474. font-size: 12px;
  475. font-style: none;
  476. font-weight: 0px;
  477. letter-spacing: -1px;
  478. margin: 0px 0px -3px 0px;
  479. text-transform: uppercase;
  480. text-decoration: none;
  481. text-align: center;}
  482.  
  483. i {
  484. color: #602749;
  485. font-family: courier new;
  486. font-size: 12px;
  487. font-style: none;
  488. font-weight: 0px;
  489. letter-spacing: 1px;
  490. margin: 0px 0px 0px 0px;
  491. text-transform: uppercase;
  492. text-decoration: none;
  493. text-shadow: 0px;
  494. text-align: center;}
  495.  
  496. u {
  497. color: #ffffff;
  498. font-family:courier new;
  499. font-size: 12px;
  500. font-style: none;
  501. font-weight: 0px;
  502. letter-spacing: 0px;
  503. margin: 0px 0px 0px 0px;
  504. text-transform: uppercase;
  505. text-shadow: 0px;
  506. text-align: center;}
  507.  
  508.  
  509. big {
  510. color: #ffffff;
  511. font-family: arial black;
  512. font-size: 12px;
  513. font-style: none;
  514. font-weight: 0px;
  515. letter-spacing: -1px;
  516. margin: 0px 0px -3px 0px;
  517. text-transform: uppercase;
  518. text-decoration: none;
  519. text-shadow: 0px;
  520. text-align: center;}
  521.  
  522. em {
  523.  
  524. color: #ffffff;
  525. background-color: #130912;
  526. border-left: 10px solid #3E1C33;
  527. border-right: 10px solid #3E1C33;
  528. font-family: courier new;
  529. font-size: 12px;
  530. font-style: none;
  531. font-weight: 0px;
  532. letter-spacing: 0px;
  533. margin: 0px 0px 0px 0px;
  534. padding: 2px;
  535. text-transform: uppercase;
  536. text-decoration: none;
  537. text-shadow: 0px;
  538. text-align: center;}
  539.  
  540. cite {
  541. color: #ffffff;
  542. background-color: #3E1C33;
  543. border-left: 10px solid #602749;
  544. border-right: 10px solid #602749;
  545. font-family: courier new;
  546. font-size: 12px;
  547. font-style: none;
  548. font-weight: 0px;
  549. line-height: 0px;
  550. letter-spacing: 0px;
  551. margin: 0px 0px 0px 0px;
  552. padding: 10px;
  553. text-transform: uppercase;
  554. text-decoration: none;
  555. text-shadow: 0px;
  556. text-align: center;}
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566.  
  567.  
  568.  
  569. .BITCHCRAFT { HEADERS }
  570.  
  571. h1{
  572. color: #602749;
  573. font-family:arial black;
  574. font-size: 100px;
  575. font-style: none;
  576. font-weight: 0px;
  577. line-height: 0px;
  578. letter-spacing: -12px;
  579. margin: 40px 0px 64px -10px;
  580. padding: 0px 0px 0px 0px;
  581. text-transform: uppercase;
  582. text-decoration: none;
  583. text-shadow: 2px 2px #ffffff;
  584. text-align: center;}
  585.  
  586.  
  587. h2 {
  588. color: #ffffff;
  589. background-color:#350701;
  590. font-family:courier new;
  591. font-size: 12px;
  592. font-style: none;
  593. font-weight: 0px;
  594. line-height: 0px;
  595. letter-spacing: 0px;
  596. margin: 30px 0px 0px 0px;
  597. text-transform: none;
  598. text-decoration: none;
  599. text-shadow: 0px;
  600. text-align: center;}
  601.  
  602.  
  603.  
  604. h3{
  605. color: #130912;
  606. font-family:arial black;
  607. font-size: 20px;
  608. font-style: none;
  609. font-weight: 0px;
  610. line-height: 0px;
  611. letter-spacing: -2px;
  612. margin: 0px 0px 0px 0px;
  613. padding: 0px 0px 15px 0px;
  614. text-transform: uppercase;
  615. text-decoration: none;
  616. text-shadow: 0px;
  617. text-align: center;}
  618.  
  619.  
  620.  
  621.  
  622. h4{
  623. color: #602749;
  624. font-family:arial black;
  625. font-size: 20px;
  626. font-style: none;
  627. font-weight: 0px;
  628. line-height: 0px;
  629. letter-spacing: -2px;
  630. margin: 0px 0px 0px 0px;
  631. padding: 0px 0px 15px 0px;
  632. text-transform: uppercase;
  633. text-decoration: none;
  634. text-shadow: 0px;
  635. text-align: center;}
  636.  
  637.  
  638.  
  639. h6{
  640. color: #602749;
  641. font-family:arial black;
  642. font-size: 20px;
  643. font-style: none;
  644. font-weight: 0px;
  645. line-height: 0px;
  646. letter-spacing: -2px;
  647. margin: 23px 0px 0px 0px;
  648. padding: 0px 0px 15px 0px;
  649. text-transform: uppercase;
  650. text-decoration: none;
  651. text-shadow: 0px;
  652. text-align: center;}
  653.  
  654.  
  655.  
  656.  
  657. .BITCHCRAFT { REGULAR LINK PROPERTIES }
  658.  
  659. a:active, a:visited, a:link {
  660. font-size:12px;
  661. font-family:quicksand;
  662. color:#6C5685;
  663. text-shadow: 0px 0px #6C5685;
  664. text-align:center;
  665. letter-spacing:0px;
  666. line-height:17px;
  667. padding: 10px 0px -2px 0px;
  668. text-decoration:none;
  669. text-transform:uppercase;
  670. -webkit-transition: all 0.5s linear;
  671. -moz-transition: all 0.5s linear;
  672. transition: all 0.5s linear;}
  673.  
  674. a:hover {
  675. color:#4E3960;
  676. letter-spacing:2px;
  677. }
  678.  
  679.  
  680.  
  681.  
  682.  
  683. .BITCHCRAFT { NAVIGATION LINK PROPERTIES }
  684.  
  685. a.first, a.first:link, a.first:active, a.first:visited {
  686. display:inline-block;
  687. float:left;
  688. width:117.1px;
  689. height: 35px;
  690. color:#ffffff;
  691. background-color: #3E1C33;
  692. font-family:arial black;
  693. text-align:center;
  694. font-size:12px;
  695. line-height:35px;
  696. letter-spacing:0px;
  697. margin: -9px 5px 0px 0px;
  698. text-transform:uppercase;
  699. }
  700.  
  701. a.first:hover {
  702. background-color:#602749;
  703. color: #ffffff;
  704. letter-spacing: 2px;}
  705.  
  706.  
  707.  
  708.  
  709.  
  710. .slayMONADE { CONNECTIONS LINK PROPERTIES }
  711.  
  712.  
  713.  
  714.  
  715.  
  716. a.second, a.second:link, a.second:active, a.second:visited {
  717. display:inline-block;
  718. float:left;
  719. width:145px;
  720. color:#ffffff;
  721. font-family:cambria;
  722. text-align:center;
  723. font-size:9px;
  724. line-height:17px;
  725. letter-spacing:2px;
  726. margin:0px 5px 1px 0px;
  727. text-transform:none;
  728. border-left: 10px solid #ffffff;
  729. background-color:#6C5685;}
  730.  
  731. a.second:hover {
  732. color:#6C5685;
  733. font-style:normal;
  734. letter-spacing:5px;
  735. background-color:#C3ACC8;}
  736.  
  737.  
  738. a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {
  739. display:inline-block;
  740. float:left;
  741. width:140px;
  742. height: 110px;
  743. color:#ffffff;
  744. background-color: #602749;
  745. font-family:arial black;
  746. text-align:center;
  747. font-size:12px;
  748. line-height:120px;
  749. letter-spacing:0px;
  750. margin: -9px 5px 0px 0px;
  751. text-transform:uppercase;
  752. overflow: hidden;
  753. }
  754.  
  755. a.fourth:hover {
  756. background-color:#3E1C33;
  757. color: #ffffff;
  758. letter-spacing:-2px;}
  759.  
  760.  
  761.  
  762.  
  763.  
  764. .BITCHCRAFT { CREDIT LINK PROPERTIES }
  765.  
  766. a.third, a.third:link, a.third:active, a.third:visited {
  767. color: #602749;
  768. font-family:arial black;
  769. font-size: 10px;
  770. font-style: none;
  771. font-weight: 0px;
  772. letter-spacing: 0px;
  773. margin: 0px 0px 0px 0px;
  774. padding: 2px 0px 2px 1.8px;
  775. text-transform: uppercase;
  776. text-decoration: none;
  777. text-align: center;}
  778.  
  779. a.third:hover {
  780. color: #ffffff;}
  781.  
  782.  
  783.  
  784.  
  785. .BITCHCRAFT { HIDE CODES }
  786.  
  787. .clearfix { display: none; }
  788. .lightbluetext8 { display:none; }
  789. .contacttable { display:none; }
  790. .whitetext12 { display:none; }
  791. .interestsanddetails { display:none; }
  792. .userProfiledetail { display:none; }
  793. .friendSpace { display:none; }
  794. .friendsComments { display:none; }
  795. .latestBlogEntry { display:none; }
  796. .navigationBar { display:none; }
  797. .navbar { visibility:hidden; }
  798. .orangetext15 { display:none; }
  799. .profileinfo { display:none; }
  800. .userProfileURL { display:none; }
  801. .extendedNetwork { display:none; }
  802. .blurbs { display:none; }
  803. .userAlbums { display:none; }
  804. .mslogo { display: none; }
  805. #footerWarpper{ display:none; }
  806. </style>
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813.  
  814.  
  815.  
  816.  
  817.  
  818.  
  819. ----------------------------- About me -----------------------------
  820.  
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827.  
  828.  
  829. </td>
  830. </tr>
  831. </table>
  832. </td>
  833. </tr>
  834. </table>
  835.  
  836. <div class="backgroundbox"></div>
  837.  
  838. <div class="navigation">
  839.  
  840. <a href="/home.php" class="first">home</a>
  841. <a href="/send_message.php?member_id=1079725" class="first">message</a>
  842. <a href="/add_comment.php?member_id=1079725" class="first">comment</a>
  843. <a href="/gallery.php?member_id=1079725" class="first">gallery</a>
  844. <a href="view_blog.php?id=1079725" class="first">blogs</a>
  845. <a href="view_blog.php?id=1079725" class="first">bulletins</a>
  846. <a href="/view_blog.php?id=1079725" class="first">stream</a>
  847.  
  848. </div>
  849.  
  850. <div class="displayname">
  851. <h1> ❝ Purple Reign ❞ </h1>
  852. <center><cite> A quote will go here to describe your personality, aspirations, dreams and nightmares. </cite></center></div>
  853.  
  854. <div class="box1left"><h3> Elena Fu<no>cking Gilbert </h3>
  855. <center><em> Who I am in the RP.ME community. </em></center>
  856.  
  857.  
  858. <div style="width:330px; height: 39px; overflow-y: hidden; overflow-x: hidden; margin: 8px 0px 0px 0px; padding: 5px 10px 10px 10px; background-color:#3E1C33; overflow-y: auto;">
  859. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis sagittis velit. Integer at nisi felis. Donec ante dui, porttitor vehicula leo quis, sagittis euismod magna.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis sagittis velit. Integer at nisi felis. Donec ante dui, porttitor vehicula leo quis, sagittis euismod magna.
  860. </div>
  861. </div>
  862.  
  863.  
  864. <div class="box2left">
  865. <h3> basic information </h3>
  866. <center><em> leave an incomplete image of oneself. </em></center>
  867. <div style="float:left; margin: 10px 0px 0px 0px">
  868. <img src="https://i.imgur.com/vcCbzNq.png"></div>
  869.  
  870.  
  871. <div style=" float:left; width: 220px; height: 115px; overflow-y: scroll; overflow-x: hidden; margin: 10px 0px 0px 10px; padding: 5px 10px 10px 10px; background-color:#3E1C33;">
  872. <b>bold</b> <strong>strong</strong> <small> small </small> <big>big</big> <i> italic </i> <u> underline</u> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis sagittis velit. Integer at nisi felis. Donec ante dui, porttitor vehicula leo quis, sagittis euismod magna.
  873.  
  874. <br><br>
  875. Integer hendrerit viverra consectetur. Maecenas malesuada urna at pulviar.
  876.  
  877. <br><br>placerat. Quisque in est nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum aliquet odio euismod ornare lacinia.
  878.  
  879. <br><br>Praesent bibendum velit eu vehicula sollicitudin. Aenean gravida erat vehicula nisi fermentum convallis. Suspendisse liquam fringilla condimentum.
  880. <br><br>
  881. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  882. </div>
  883. </div>
  884.  
  885.  
  886.  
  887.  
  888.  
  889. <div class="box1right"><img src="https://i.imgbox.com/NEEOqZEd.gif"></div>
  890.  
  891. <div class="box1righttext">
  892.  
  893.  
  894. <div style=" float:left; width: 190px; height: 275px; overflow-y: scroll; overflow-x: hidden; margin: 0px 10px 0px 0px; padding: 15px 10px 10px 10px; background-color:#3E1C33;">
  895. <h4> the past </h4>
  896. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis sagittis velit. Integer at nisi felis. Donec ante dui, porttitor vehicula leo quis, sagittis euismod magna. Integer hendrerit viverra consectetur. Maecenas malesuada urna at pulvinar placerat.
  897.  
  898. <br><br>Quisque in est nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum aliquet odio euismod ornare lacinia. Praesent bibendum velit eu vehicula sollicitudin. Aenean gravida erat vehicula nisi fermentum convallis. Suspendisse aliquam fringilla condimentum.
  899. <br><br>
  900.  
  901. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  902. </div>
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910. <div style=" float:left; width: 190px; height: 275px; overflow-y: scroll; overflow-x: hidden; margin: 0px 0px 0px 0px; padding: 15px 10px 10px 10px; background-color:#3E1C33;">
  911. <h4> the present </h4>
  912. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis sagittis velit. Integer at nisi felis. Donec ante dui, porttitor vehicula leo quis, sagittis euismod magna. Integer hendrerit viverra consectetur. Maecenas malesuada urna at pulvinar placerat.
  913.  
  914. <br><br>Quisque in est nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum aliquet odio euismod ornare lacinia. Praesent bibendum velit eu vehicula sollicitudin. Aenean gravida erat vehicula nisi fermentum convallis. Suspendisse aliquam fringilla condimentum.
  915. <br><br>
  916.  
  917. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  918. </div>
  919.  
  920.  
  921.  
  922. </div>
  923.  
  924. <div class="box1center"><div style="font-style: italic; letter-spacing: 2px; background-color: #602749; padding: 10px;">
  925. ❝ -- Women are relational by nature, inquiring, possessed of great endurance and strength. They are deeply intuitive, intensely concerned with their young, their mate and their pack. Yet both have been hounded, harassed and falsely imputed to be devouring and devious, overly aggressive, of less value than those who are their detractors. -- ❞
  926. </div>
  927. </div>
  928.  
  929.  
  930.  
  931.  
  932.  
  933. <div class="familybanner">
  934. <h1> ❝ BLOOD TIES ❞ </h1>
  935. <center><cite> So in the dark we hide the hearts that bleed, And wait, and tend our agonizing seeds. </cite></center></div>
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942. <div class="box2centerimage"><img src="https://i.imgbox.com/Nuty8UfJ.gif">
  943. <h6> ♛ Display Name ♛</h6>
  944. </div>
  945.  
  946. <div class="box2center">
  947. <div style="background-color: #602749; margin: 0px 0px 10px 0px; padding: 10px; height:135px; width: 227px; overflow-y: auto;">
  948.  
  949. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  950. </div>
  951. <i>"Friends show their love in times of trouble not in happiness."</i>
  952. </div>
  953.  
  954.  
  955.  
  956.  
  957.  
  958. <div class="box3centerimage"><img src="https://i.imgbox.com/AcSPBkMo.gif">
  959. <h6> ♛ Display Name ♛</h6>
  960. </div>
  961.  
  962. <div class="box3center">
  963. <div style="background-color: #602749; margin: 0px 0px 10px 0px; padding: 10px; height:135px; width: 227px; overflow-y: auto;">
  964.  
  965. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  966. </div>
  967. <i>"Friends show their love in times of trouble not in happiness."</i>
  968. </div>
  969.  
  970. <div class="box4centerimage"><img src="https://i.imgbox.com/o3NCfeaz.gif">
  971. <h6> ♛ Display Name ♛</h6>
  972. </div>
  973.  
  974. <div class="box4center">
  975. <div style="background-color: #602749; margin: 0px 0px 10px 0px; padding: 10px; height:135px; width: 227px; overflow-y: auto;">
  976.  
  977. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  978. </div>
  979. <i>"Friends show their love in times of trouble not in happiness."</i>
  980. </div>
  981.  
  982.  
  983.  
  984.  
  985. <div class="familyhr"> </div>
  986.  
  987.  
  988.  
  989. <div class="familyslide"> <marquee direction="left" height="100">
  990.  
  991.  
  992.  
  993. <a href="/home.php" class="fourth">connection</a>
  994. <a href="/home.php" class="fourth">connection</a>
  995. <a href="/home.php" class="fourth">connection</a>
  996. <a href="/home.php" class="fourth">connection</a>
  997. <a href="/home.php" class="fourth">connection</a>
  998. <a href="/home.php" class="fourth">connection</a>
  999. <a href="/home.php" class="fourth">connection</a>
  1000. <a href="/home.php" class="fourth">connection</a>
  1001. <a href="/home.php" class="fourth">connection</a>
  1002. <a href="/home.php" class="fourth">connection</a>
  1003. <a href="/home.php" class="fourth">connection</a>
  1004. <a href="/home.php" class="fourth">connection</a>
  1005. <a href="/home.php" class="fourth">connection</a>
  1006. <a href="/home.php" class="fourth">connection</a>
  1007. <a href="/home.php" class="fourth">connection</a>
  1008. <a href="/home.php" class="fourth">connection</a>
  1009. </div>
  1010.  
  1011. </marquee></div>
  1012.  
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023. <div class="familyquote"><div style="font-style: italic; letter-spacing: 2px; background-color: #602749; padding: 10px;">
  1024. ❝ -- True friendship multiplies the good in life and divides its evils. Strive to have friends, for life without friends is like life on a desert island... to find one real friend in a lifetime is good fortune; to keep him is a blessing.
  1025. Read more at -- ❞
  1026. </div>
  1027. </div>
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036. <div class="lovebanner">
  1037. <h1> ❝ MY TRUE LOVE ❞ </h1>
  1038. <center><cite>I'm accustomed to toxicity and can’t control myself when I’m near it. </cite></center></div>
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044. <div class="lovepicture"><img src="https://i.imgbox.com/VEJQnscr.gif"></div>
  1045.  
  1046. <div class="lovetext"> <div style=" float:left; width: 330px; height: 150px; overflow-y: scroll; overflow-x: hidden; margin: 0px 10px 0px 0px; padding: 15px 10px 10px 10px; background-color:#3E1C33;">
  1047. <h4> Our Story </h4>
  1048. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis sagittis velit. Integer at nisi felis. Donec ante dui, porttitor vehicula leo quis, sagittis euismod magna. Integer hendrerit viverra consectetur. Maecenas malesuada urna at pulvinar placerat.
  1049.  
  1050. <br><br>Quisque in est nunc. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum aliquet odio euismod ornare lacinia. Praesent bibendum velit eu vehicula sollicitudin. Aenean gravida erat vehicula nisi fermentum convallis. Suspendisse aliquam fringilla condimentum.
  1051. <br><br>
  1052.  
  1053. Nunc augue odio, scelerisque vitae accumsan ut, volutpat quis neque. Vivamus molestie blandit enim, quis iaculis ante finibus id. Quisque condimentum dapibus purus. In elementum varius nibh vel gravida. Cras eu nisl eget nisl sagittis condimentum. Pellentesque sit amet placerat enim, auctor finibus odio. Ut porta libero vitae mi luctus vehicula. Vivamus a ipsum sed lacus ultricies tincidunt et vel orci. Quisque viverra sem nec iaculis ullamcorper. Praesent at felis bibendum odio luctus mollis in sed mi. Donec malesuada a eros at rhoncus.
  1054. </div>
  1055.  
  1056.  
  1057.  
  1058.  
  1059.  
  1060. <div style=" float:left; width: 180px; height: 90px; overflow-y: scroll; overflow-x: hidden; margin: 10px 0px 0px 0px; padding: 15px 10px 10px 10px; background-color:#3E1C33; text-align: justify;">
  1061. <h4> Details </h4>
  1062. <b>Met:</b> 00 Month 0000
  1063. <b>Date:</b> 00 Month 0000
  1064. <b>Engaged:</b> 00 Month 0000
  1065. <b>Married:</b> 00 Month 0000
  1066. </div>
  1067.  
  1068.  
  1069.  
  1070.  
  1071.  
  1072.  
  1073.  
  1074. <div style=" float:left; width: 115px; height: 70px; overflow-y: scroll; overflow-x: hidden; margin: 10px 0px 0px 10px; padding: 35px 10px 10px 15px; background-color:#3E1C33;">
  1075. Her lips were drawn to his like a moth to a flame.
  1076.  
  1077. </div>
  1078. </div>
  1079.  
  1080.  
  1081.  
  1082.  
  1083.  
  1084.  
  1085. <div class="lovequote"><div style="font-style: italic; letter-spacing: 2px; background-color: #602749; padding: 10px;">
  1086. ❝ -- A boy made of stardust and selfishness; a girl filled with fire and fury at the world. We are a tangle of emotional wreckage, two broken messes thrown together, trying to navigate something we can barely comprehend. -- ❞
  1087. </div>
  1088. </div>
  1089.  
  1090.  
  1091.  
  1092.  
  1093.  
  1094.  
  1095. <div class="credit"><a href="/view_profile.php?member_id=1228421" class="third">credit</a></div>
  1096.  
  1097.  
  1098.  
  1099. <div class="music"><div style="float:left; height:33px; width:24px; font-size:28px; line-height:33px; color:#ffffff;">♕</div><div style="float:right;"><audio autoplay controls loop><source src="http://k003.kiwi6.com/hotlink/d8049x55pk/Halsey_-_Gasoline_Audio_.mp3">
  1100. </audio>
  1101. </div>
  1102. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!