Advertisement
ZacharyCaldwell

MACI LAYOUT

Mar 24th, 2019
49
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.07 KB | None | 0 0
  1. ABOUT ME ===========================================
  2.  
  3.  
  4.  
  5.  
  6. <style type="text/css">
  7. @import url(https://fonts.googleapis.com/css?family=);
  8.  
  9. <span class="text"><style>
  10.  
  11. .jmuggs {this layout was made by jamie from /zerodusk }
  12.  
  13. .jmuggs { Background }
  14. table, tr, td {background:#3f3f3f; border:0;}
  15. body {
  16. background-color:#323232;
  17. background-image:url("https://i.imgur.com/47VP8Kd.png");
  18. background-attachment:fixed;
  19. background-repeat:repeat;
  20. background-position:top center;
  21. margin:100px 0;
  22. }
  23.  
  24. table, tr, td, li, p, div {font:11px univers; color:#7a7a7a; line-height:12px; letter-spacing:1px;}
  25.  
  26. a:active, a:visited, a:link {font:bold 11px univers; color:#7a7a7a; line-height:12px; letter-spacing:1px;}
  27.  
  28. a:hover {text-decoration:underline;}
  29.  
  30. p {margin:0 0 1em 0;}
  31.  
  32. .jmuggs { /zerodusk }
  33.  
  34. i {font:italic 11px caslon; color:#86e3ce; line-height:12px; letter-spacing:1px; text-transform:lowercase;}
  35. b {font:bold 8px univers; color:#d0e6a5; line-height:12px; letter-spacing:1px; text-transform:uppercase;}
  36. u {font:bold 8px univers; color:#7a7a7a; border-bottom:2px solid #ffe08e; line-height:12px; letter-spacing:1px; text-transform:uppercase; text-decoration:none;}
  37.  
  38. strong {font:bold 8px univers; color:#86e3ce; line-height:12px; letter-spacing:1px; text-transform:uppercase;}
  39. strong:before {content:'X '; color:#d0e6a5;}
  40. strong:after {content:' X'; color:#ffe08e;}
  41.  
  42. tt {font:10px univers; color:#86e3ce; letter-spacing:3px; text-transform:lowercase; line-height:12px;}
  43. em {font:italic 14px caslon; color:#d0e6a5; letter-spacing:1px; text-transform:lowercase; line-height:12px;} .jmuggs { /zerodusk }
  44. small {font:bold 10px univers; color:#ffe08e; letter-spacing:5px; text-transform:uppercase; line-height:12px;}
  45.  
  46. blockquote {font:italic 10px univers; color:#7a7a7a; line-height:14px; letter-spacing:1px; text-align:justify; margin:30px; display:block;}
  47.  
  48. hr {width:auto; height:1px; display:block; margin:20px 40px; border:0px!important; background: #86e3ce; background: -webkit-linear-gradient(left, #86e3ce, #d0e6a5, #ffe08e); background: -o-linear-gradient(right, #86e3ce, #d0e6a5, #ffe08e); background: -moz-linear-gradient(right, #86e3ce, #d0e6a5, #ffe08e); background: linear-gradient(to right, #86e3ce, #d0e6a5, #ffe08e);}
  49.  
  50. </style>
  51.  
  52. <style>
  53. h1 {font:60px caslon; text-align:center; text-transform:lowercase; letter-spacing:-5px; display:block; margin:0;}
  54.  
  55. h1 c {color:#86e3ce;} h1 d {color:#d0e6a5;} h1 e {color:#ffe08e;}
  56.  
  57. h2 {font:14px univers; font-weight:light; color:#7a7a7a; text-align:center; text-transform:lowercase; letter-spacing:1px; display:block; margin:0 0 10px 0;}
  58.  
  59. .jmuggs { /zerodusk }
  60.  
  61. .jmuggs { Scrollbar }
  62. ::-webkit-scrollbar-thumb:vertical {height:12px; border:2px solid #3f3f3f; background:#323232;}
  63. ::-webkit-scrollbar-thumb:horizontal {background-color:#3f3f3f;}
  64. ::-webkit-scrollbar {width:8px; height:7px; border:5px solid #3f3f3f; background:#323232;}
  65.  
  66. #jbox {width:auto; overflow:auto; text-align:justify; padding-right:10px; display:block; margin:0;}
  67.  
  68. .jcon a {font:bold 8px franklin gothic; color:#7a7a7a; text-transform:uppercase; letter-spacing:3px; background:#323232; padding:5px 0; display:block; margin:0 0 5px 0; text-decoration:none; text-align:center; border-left:1px solid #ffe08e; opacity:0.6; -webkit-transition: all 1s linear;-moz-transition: all 1s linear;-o-transition: all 1s linear;}
  69.  
  70. .jcon a:hover {color:#323232; background:#7a7a7a; opacity:1; text-decoration:none; -webkit-transition: all 1s linear;-moz-transition: all 1s linear;-o-transition: all 1s linear;}
  71.  
  72. #jsb {width:100px; height:500px; position:fixed; top:94px; margin-left:-440px; text-align:right;}
  73.  
  74. #jsb a {font:italic 10px univers; color:transparent; line-height:20px; letter-spacing:1px; width:20px; height:20px; display:inline-block; margin:0 0 10px 0; background:#3f3f3f; overflow:hidden; padding:5px; text-align:left; -webkit-transition: all 1s linear;-moz-transition: all 1s linear;-o-transition: all 1s linear;}
  75.  
  76. #jsb a:hover {width:70px; color:#7a7a7a; padding:5px 5px 5px 10px; text-decoration:none; -webkit-transition: all 1s linear;-moz-transition: all 1s linear;-o-transition: all 1s linear;}
  77.  
  78. .jmuggs { /zerodusk } .clearfix, .a {hide top search bar} div div select, div div form, select, .lightbluetext8, .nametext, .extendednetwork, .blurbs, .userprofileurl, .userprofiledetail, .interestsanddetails, .latestblogentry, .mslogo, .friendscomments, .friendspace, .contacttable, .lightbluetext8, .Do Not Hide The Profile Ads, .userAlbums, div td, table.profileInfo table tr:last-child, #footerWarpper {display:none!important;} .jmuggs { /zerodusk } div[id="googlebar"], div div select {opacity:0;filter:alpha(opacity=0); display:none!important; position:absolute!important; bottom:2000px!important;} table table br {line-height:3px} table table table br {line-height:5px;} .note td.text table {position:relative; top:-20px;} td.text table table, td.text table table {position:static;} table table table table td, table table table table td {width:0px;} .contactTable td, table table td.text table td, table table table table table td {width:auto;} .jmuggs { /zerodusk } td.text table {position:relative; top:-11px;} table {top:-6px; position:relative;} table table {top:0px; position:relative;} table.profileInfo table td {white-space:wrap!important;} table table table {padding-top:5px; margin:10px 0;} #jm a {background-image:url("https://i.imgur.com/PZzpdIc.png")!important; background-repeat:no-repeat!important; width:59px!important; height:12px!important; background-color:transparent!important; position:fixed!important; bottom:0px!important; right:0px!important; opacity:0.3!important; z-index:999;} #jm a:hover {opacity:1!important;} .jmuggs { /zerodusk }
  79.  
  80. .profileInfo td.text a img {border:1px double #7a7a7a; padding:5px;}
  81.  
  82. .a {left} object, embed, table table table {position:relative; left:-10px; top:7px;} table table table table {position:static;}
  83.  
  84. .a {right} td.text table {position:relative; left:-10px; top:-4px;} td.text object, td.text embed, td.text table table {position:static;}
  85.  
  86. .jmuggs {space} table table br {display:none;} table table table br {display:block;} table table table {margin-top:5px;} table table table table {margin-top:0px;}
  87.  
  88. </style>
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98.  
  99. LIKE TO MEET =================================================
  100.  
  101.  
  102.  
  103. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="0" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="450" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="450" align="left" bgcolor="ffffff" border="0"><div id="jm"><a href="/zerodusk"></a></div>
  104.  
  105. <div id="jsb">
  106. <a href="/home.php">Home</a><br>
  107. <a href="/send_message.php?member_id=1499494">Message</a><br>
  108. <a href="/add_comment.php?member_id=1499494">Comment</a><br>
  109. <a href="/status_stream.php?member_id=1499494">Stream</a><br>
  110. <a href="/view_journal_member.php?member_id=1499494">Bulletins</a><br>
  111. <a href="/view_member_blog.php?member_id=1499494">Blog</a><br>
  112.  
  113.  
  114. </div>
  115.  
  116. <img src="https://i.imgur.com/SNALFgv.png">
  117.  
  118. <h1><c>Maci</c> <d>Jayde</d> <e>Michaels</e></h1>
  119.  
  120. <h2>gotta set the record straight and narrow</h2>
  121.  
  122. <hr></hr>
  123.  
  124. <div id="jbox" style="height:150px;margin-bottom:20px;">
  125.  
  126. Maci Jayde Michaels was born in Hartsville, South Carolina to Arielle and Jonathan Michaels. Growing up she and her sister had everything that they ever wanted or dreamed about. Their father owned a ranch so they both got hands-on experience working with the horses and day to day ranch life. Their mother was a homemaker so the girls got lessons in cooking, baking and running a home. They both had the best of both worlds.<br><br>
  127.  
  128. She often felt as if she was living in the shadows of her older sister. She was often compared to her older sister which made her feel as if she would never truly be good enough. Maci soon began to rebel as she got older. She would act out and even began doing the recreational drugs as she began to hang out with the wrong crowd of people. Soon she was addicted and her parents had even tried to have her committed so she could detox. Reluctantly she decided to do that but inside she still felt as if she wasn’t wanted, loved, or good enough.<br><br>
  129.  
  130.  
  131. </div>
  132.  
  133. <img src="https://i.imgur.com/iiuhPqi.png" align="right">
  134.  
  135. <div id="jbox" style="width:280px;height:150px;margin-bottom:20px;">
  136.  
  137. <p>She began to use drugs again and had even run away for a few days. One night she wound up overdosing and died for a few minutes. After she was revived she decided that she needed to change. She went and got help and changed her life around. This would also be the turning point in her life in which she made the decision to go to college and become a teacher.<br><br>
  138.  
  139.  
  140.  
  141.  
  142. After graduating from college Maci got a job at Hartsville High as the English teacher. It wasn’t long before she started dating a fellow teacher. But things were not as they appeared to be. He became attached and very clingy towards her. He would show up uninvited to her home and at her job at Boots and Babes. Ultimately she decided that it was best to cut all ties with him. When she broke things off he didn’t take things well.<br><br>
  143.  
  144. </p>
  145.  
  146. </div>
  147.  
  148. <img src="https://i.imgur.com/beA0PWx.png">
  149.  
  150. <div id="jbox" style="width:280px;height:150px;float:right;">
  151.  
  152. <p>Her life became a nightmare after she broke up with her now ex-boyfriend. He continued to make sexual advances towards her both at work and other places. She knew that if she told that things could become more difficult for her. After a while, she made the brave choice to make his sexual advances known and as a result he was fired from his position at Hartsville High. She also filed a restraining order against him.<br><br>
  153.  
  154. Months later he would begin to violate the restraining order. She never expected that things would escalate to stalking. Fearing for those she loves and for any in her life she keeps them at arm's length. If anyone were to be hurt because of her she would never forgive herself.</p>
  155.  
  156. </div>
  157.  
  158.  
  159. <hr></hr>
  160.  
  161. <tt>One last glance from a taxi cab, images scar my mind</tt><br>
  162. <center><em>Four weeks've felt like years since your full attention was all mine</em></center>
  163. <div align="right"><small>The night was young and so were we</small></div>
  164.  
  165.  
  166. <hr></hr>
  167.  
  168. <img src="https://i.imgur.com/7onNMAj.png" style="margin-bottom:20px;">
  169.  
  170. <img src="https://i.imgur.com/olUXkFG.png" align="right">
  171.  
  172. <div id="jbox" style="width:280px;height:150px;">
  173.  
  174. <strong>Status</strong> ---<br>
  175. <strong>Whom</strong> <a href="/">Name</a><br>
  176. <strong>Dated</strong> 00/00/0000<br>
  177. <strong>Engaged</strong> 00/00/0000<br>
  178. <strong>Married</strong> 00/00/0000<br><br>
  179.  
  180. <strong>Comments</strong> Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here. Your personal comments about your significant other goes here.
  181.  
  182. </div>
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189. INTERESTS =======================================
  190.  
  191.  
  192.  
  193. </td></tr></table></td></tr></table><br /><table bordercolor="ffffff" cellspacing="0" cellpadding="0" width="0" bgcolor="ffffff" border="0"><tr><td class="text" valign="left" align="left" width="300" bgcolor="ffffff" height="0" style="word-wrap:break-word"></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="300" align="left" bgcolor="ffffff" border="0">
  194.  
  195. <audio autoplay>
  196. <source src="MUSIC URL HERE" type="audio/mp3">
  197. </audio>
  198.  
  199. <blockquote>
  200. In your world we we're the same. In mine now you're the one to blame. You can't remember my name. We're lost, it's such a shame. Listen to me, stop making me see what I've been waiting for. Listen to me, stop making me see.
  201. </blockquote>
  202.  
  203. <hr></hr>
  204.  
  205. <div id="jbox" style="height:150px;margin-bottom:20px;">
  206.  
  207. <strong>NICKNAME/ALIAS</strong> MJ<br>
  208. <strong>MEANING</strong> Gift from God <br>
  209. <strong>GENDER</strong> Female<br>
  210. <strong>ORIENTATION</strong> Straight<br>
  211. <strong>REAL AGE</strong> 28<br>
  212. <strong>BIRTHDAY</strong> Sept 22<br>
  213. <strong>BIRTHPLACE</strong> Hartsville, South Carolina<br>
  214. <strong>ZODIAC SIGN</strong> Virgo<br>
  215. <strong>SPECIES</strong> Human<br>
  216. <strong>ETHNICITY</strong> White<br>
  217. <strong>PREFERRED HAND</strong> Right<br>
  218. <strong>EYE COLOR</strong> Blue<br>
  219. <strong>HAIR COLOR</strong> Blonde<br>
  220. <strong>HEIGHT</strong> 5’10<br>
  221. <strong>WEIGHT</strong> 139<br>
  222. <strong>CUP SIZE</strong> 32C<br>
  223. <strong>BIRTHMARKS/SCARS</strong> Beauty mark underneath her right eye<br>
  224. <strong>MEDICATION</strong> Anxiety meds<br>
  225. <strong>PHOBIAS</strong> Clowns, spiders, snakes, tight spaces, heights <br>
  226. <strong>MENTAL DISORDERS</strong> Depression, anxiety <br>
  227. <br>
  228.  
  229. </div>
  230.  
  231. <img src="https://i.imgur.com/7Atty7H.png">
  232.  
  233. <div id="jbox" style="height:150px;margin:20px 0 0 0;">
  234.  
  235. <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p><p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p><p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
  236.  
  237. </div>
  238.  
  239. <hr></hr>
  240.  
  241. <img src="https://i.imgur.com/HUZTs7a.png">
  242.  
  243. <div id="jbox" class="jcon" style="height:150px;margin:20px 0 0 0;">
  244.  
  245. <a href="/#########">First Middle Last</a>
  246. <a href="/#########">First Middle Last</a>
  247. <a href="/#########">First Middle Last</a>
  248. <a href="/#########">First Middle Last</a>
  249. <a href="/#########">First Middle Last</a>
  250. <a href="/#########">First Middle Last</a>
  251. <a href="/#########">First Middle Last</a>
  252. <a href="/#########">First Middle Last</a>
  253. <a href="/#########">First Middle Last</a>
  254. <a href="/#########">First Middle Last</a>
  255.  
  256. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement