Advertisement
samxuleyx

layout 001

Dec 11th, 2019
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.29 KB | None | 0 0
  1. about me.
  2.  
  3. <style>
  4. @import url('https://fonts.googleapis.com/css?family=Baskervville|Satisfy&display=swap');
  5. </style>
  6.  
  7. <style>
  8. table, tr, td { background-color:transparent; border:none; border-width:0;}
  9.  
  10. body {background-color:#000;}
  11.  
  12. table table {border:0px;}
  13. table table table table {border:0px}
  14.  
  15. table table table {border-style:solid;
  16. border-width:0px;
  17. border-color:#000;
  18. background-color:#fff;
  19. padding:0px;}
  20.  
  21. table, tr, td, li, p, div
  22. {font:10px 'Times';
  23. color:#000;
  24. line-height:12px;
  25. text-decoration:none;}
  26.  
  27. a:active, a:visited, a:link
  28. {font:22px 'Times';
  29. color:#596f7d;
  30. text-decoration:none;
  31. -webkit-transition: all 0.2s ease-in;
  32. -moz-transition: all 0.2s;
  33. padding-right:20px;}
  34.  
  35. a:hover
  36. {color:#fff;
  37. -webkit-transition: all 0.2s ease-in;
  38. -moz-transition: all 0.2s;}
  39.  
  40. a.nav:active, a.nav:visited, a.nav:link {
  41. display:block;
  42. width:auto;
  43. height:12px;
  44. background-color:#eaeaea;
  45. font:italic 9px 'Times';
  46. color:#000;
  47. text-transform:lowercase;
  48. text-align:right;
  49. letter-spacing:2px;
  50. padding-bottom:1px;
  51. padding-top:2px;
  52. padding-right:3px;
  53. margin-top:10px;
  54. margin-left:10px;
  55. margin-right:10px;
  56. margin-bottom:8px;
  57. }
  58.  
  59. a.nav:hover {
  60. padding-right:20px;
  61. letter-spacing:5px;
  62. }
  63.  
  64. a.nav1:active, a.nav1:visited, a.nav1:link {
  65. display:block;
  66. width:auto;
  67. height:12px;
  68. line-height:12px;
  69. background-color:#eaeaea;
  70. font:italic 10px 'Times';
  71. color:#000;
  72. text-transform:lowercase;
  73. letter-spacing:2px;
  74. text-align:right;
  75. padding-top:2px;
  76. padding-bottom:1px;
  77. padding-right:3px;
  78. margin-top:0px;
  79. margin-left:10px;
  80. margin-right:10px;
  81. margin-bottom:8px;
  82. }
  83.  
  84. a.nav1:hover {
  85. padding-right:20px;
  86. letter-spacing:5px;
  87. }
  88.  
  89.  
  90. b {
  91. font:bold 10px 'Times';
  92. color:#424242;
  93. text-transform:uppercase;
  94. letter-spacing:1px;
  95. line-height:12px;
  96. }
  97.  
  98. i {
  99. font:italic 11px 'Times';
  100. color:#000;
  101. letter-spacing:3px;
  102. text-transform:lowercase;
  103. line-height:12px;
  104. }
  105.  
  106. u {
  107. font-family:times;
  108. font-size:10px;
  109. color:#5b5b5b;
  110. text-transform:lowercase;
  111. line-height:14px;
  112. }
  113.  
  114. h1 {
  115. font:italic 9px 'Times';
  116. text-align:justify;
  117. margin-left:20px; margin-top:5px; margin-bottom:5px; margin-right:20px;
  118. text-transform:lowercase;
  119. text-decoration:none;
  120. line-height:15px;
  121. letter-spacing:3px;
  122. }
  123.  
  124. h2 {
  125. font:italic 9px 'Times';
  126. color:#000;
  127. text-transform:lowercase;
  128. text-decoration:none;
  129. line-height:11px;
  130. text-align:right;
  131. padding-right:20px;
  132. letter-spacing:3px;
  133. margin:2px;
  134. }
  135.  
  136. .iconbg {
  137. position:fixed;
  138. width:148px;
  139. height:148px;
  140. background-color:#fff;
  141. border:1px solid #111;
  142. overflow:hidden;
  143. top:150px;
  144. left:300px;
  145. }
  146.  
  147. #icon {
  148. position:fixed;
  149. width:128px;
  150. height:128px;
  151. margin-top:10px;
  152. margin-left:10px;
  153. background-color:#000;
  154. }
  155.  
  156. #owes {
  157. position:fixed;
  158. width:116px;
  159. height:116px;
  160. padding:5px;
  161. background-color:#fff;
  162. overflow:auto;
  163. font:10px 'Times';
  164. color:#000;
  165. text-align:justify;
  166. border:1px solid #8f8f8f;
  167. margin-top:10px;
  168. margin-left:10px;
  169. opacity:0;
  170. z-index:99999999;
  171. -webkit-transition: all 0.2s ease-in;
  172. -moz-transition: all 0.2s;
  173. }
  174.  
  175. #owes:hover {
  176. opacity:1;
  177. -webkit-transition: all 0.2s ease-in;
  178. -moz-transition: all 0.2s;
  179. }
  180.  
  181. .navigation {
  182. position:fixed;
  183. width:148px;
  184. height:148px;
  185. background-color:#fff;
  186. border:1px solid #111;
  187. overflow:hidden;
  188. top:310px;
  189. left:300px;
  190. }
  191.  
  192. .basics {
  193. position:fixed;
  194. width:240px;
  195. height:265px;
  196. text-align:justify;
  197. font:10px 'Times';
  198. color:#000;
  199. border:12px solid #fff;
  200. background-color:#efefef;
  201. padding:10px;
  202. overflow:auto;
  203. top:150px;
  204. left:460px;
  205. }
  206.  
  207. .biography {
  208. position:fixed;
  209. width:240px;
  210. height:265px;
  211. text-align:justify;
  212. font:10px 'Times';
  213. color:#000;
  214. border:12px solid #fff;
  215. background-color:#efefef;
  216. padding:10px;
  217. overflow:auto;
  218. top:150px;
  219. left:754px;
  220. }
  221.  
  222. </style>
  223.  
  224. <style>
  225. ::-webkit-scrollbar-thumb:vertical {background-color:#34383b; border:0px solid #202020;}
  226. ::-webkit-scrollbar {width:6px; background-color:transparent; padding:1px; border:0px solid #202020;}
  227. </style>
  228.  
  229. <style>
  230. .profileinfo {Display:none;}
  231. table.blurbs {display:none;}
  232. .contactTable {display:none;}
  233. .extendedNetwork {display:none;}
  234. table.UserProfileURL {display:none;}
  235. table.interestsAndDetails {display:none;}
  236. .userProfileDetail, .friendsComments, .latestBlogEntry {display:none;}
  237. table.friendsComments .ImgOnlineNow, table.profileInfo td.text div img {visibility:visible;}
  238. table.friendSpace td td td a {visibility:hidden; font-size:1px; letter-spacing:-50px;}
  239. table.friendSpace td td td a img {visibility:visible;}
  240. table.friendSpace span.btext, table.friendSpace td.text div {display:none;}
  241. table.friendSpace span.orangetext15, table.friendsComments span.orangetext15 {display:none;}
  242. td.text table {position:relative; top:-45px;} td.text table table {position:static;}
  243. div td {display:none;} table {top:-55px; position:relative;} table table {top:0px; position:relative;}
  244. .orangetext15 {display:none;}
  245. .lightbluetext8 {display:none;}
  246. select {position:absolute!important; top:-1000px;}div table div form {display:none!important;}
  247. table.friendSpace {display:none;}
  248. br { display: block; margin:1px}
  249. .userAlbums { display:none; }
  250. #Groups {
  251. display:none;
  252. }
  253. </style>
  254.  
  255. <body
  256. oncontextmenu="alert('F v c k o f f. /pieceofshxt');
  257. return false;">
  258.  
  259. who i'd like to meet.
  260. </td></tr></table></td></tr></table><br><br><br><br><br><br><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="500" bgcolor="ffcc99" border="0"><tr><td class="text" valign="left" align="left" width="500" bgcolor="ffcc99" height="0" style="word-wrap:break-word"><span class="whitetext12"></span></td></tr><tr><td><table bordercolor="000000" cellspacing="0" cellpadding="0" width="500" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="500" bgcolor="ffffff" style="word-wrap:break-word">
  261.  
  262. <div class="iconbg">
  263. <div id="icon">
  264. <img src="https://via.placeholder.com/128x128">
  265. </div>
  266. <div id="owes">
  267. <h2>last updated</h2>
  268. as of 12/11.
  269. <h2>i owe</h2>
  270. Person <i>reply/starter</i> 12/11.<br>
  271. Person <i>reply/starter</i> 12/11.<br>
  272. Person <i>reply/starter</i> 12/11.<br>
  273. Person <i>reply/starter</i> 12/11.
  274. <h2>they owe</h2>
  275. Person <i>reply/starter</i> 12/11.<br>
  276. Person <i>reply/starter</i> 12/11.<br>
  277. Person <i>reply/starter</i> 12/11.<br>
  278. Person <i>reply/starter</i> 12/11.
  279. <h2>discussing.</h2>
  280. Person, Person, Person.
  281. </div>
  282. </div>
  283.  
  284. <div class="navigation">
  285. <a class="nav" href="/home.php">home</a>
  286. <a class="nav1" href="">message</a>
  287. <a class="nav1" href="">message</a>
  288. <a class="nav1" href="">message</a>
  289. <a class="nav1" href="">message</a>
  290. <a class="nav1" href="">message</a>
  291. </div>
  292.  
  293. <div class="basics">
  294. <h2>basic information.</h2>
  295. <b>full name | etymology</b> Matthias James Atwood | Truly, he doesn't care about the correct definition and origin of his name. He just knows that he only half tolerates it.<br>
  296. <b>nicknames | aliases</b> Matt, Matty, M (<i>everyone</i>). Partner, Atwood (<i>Alvarez</i>, <u>open role</u>). | In the military, he was referred to as <u>marine</u>. Recently, he underwent an undercover assignment using the alias <u>Matt McNally</u>.<br>
  297. <b>date of birth | zodiac sign</b> He was born on <i>March 29th</i> in the year 1992. This makes him <u>twenty-seven</u>, almost twenty-eight years old. | Matthias doesn't really care about the zodiac mumbo jumbo, but he does know from Claire's snooping that he's an <i>Aries</i>. Which he believes fits him near perfectly.<br>
  298. <b>gender | gender role</b> At birth and to present, Matthias has always been a male. He has never viewed himself as another gender, and won't. | In a relationship, whether it's romantic or simply as a friend, M is viewed as the masculine partner. This is due to his appearance, as well as, his mannerisms.<br>
  299. <b>current location</b> He currently resides in <i>Staten Island</i> in a well structured home, perfectly catered to the way that he and his wife intend to spend their lives. His only requirement was a fenced in yard for their animals. In the fall and spring seasons, Matthias moves his family to the Orchard that he inherited from his grandfather at the time of his death.<br>
  300. <b>place of birth | past locations</b> Although he refuses to talk about it, he is from <i>Fort Wayne, Indiana</i>. Compared to New York City, New York - it is a relatively small town. If given the option, he would have preferred to stay - but his family made that difficult. | Aside from the town that he grew up in, Matthias has transferred from base to base. Most recently, he resided in Afghanistan - which is where he was before his medical discharge from the Marine Corps.<br>
  301. <b>occupation | past</b> As of <i>2018</i>, Matthias has been a member of the New York City Police Department, as a <u>patrol officer</u>. This is something he enjoys entirely, and has no intentions of moving on from. After the untimely death of his grandfather in <i>2019</i>, Matt inherited Atwood Orchard. This was his first season running the orchard, which he believes was a success. | Prior to moving to New York City, Matthias was a <i>sniper</i> for the United States Marine Corps. After suffering multiple bullet wounds while dragging his sergeant to safety, he was discharged. <i>He believes it was all part of God's plan</i>.
  302. <h2>physical information.</h2>
  303. <b>hair color | eye color</b> Matt has neatly styled hair, it is his natural hair color which is a <i>dirty blonde</i>. | The shade of his eyes generally changes. However, it is most dominately as a <u>pale blue</u>.<br>
  304. <b>body build</b> Due to his occupation, Matthias remains in decent shape. It assists in being able to apprehend criminals. He has a preference to walking the streets opposed to riding in his cruiser with his partner - this helps immensely.<br>
  305. <b>tattoos | piercings</b> He has a tattoo on his <i>right bicep</i> that is dedicated to the United States Marine Corps, and his time with them. On the inside of his <u>left wrist</u>, he has the date he met his wife tattoo. However, instead of a tattoo... it's more of a brand. | At this point in time, he has no piercings. In high school, he experimented with an eyebrow piercing.<br>
  306. <b>scars</b> A lesser known fact, one that he doesn't enjoy talking about... he has multiple scars from where bullets punctured a faulty bullet proof vest during his attempts at saving his sergeant. Shortly after his acceptance into the NYPD, Matthias was placed undercover. During this stint, his cover was blown by a dirty cop - he was beaten to a bloody plup (almost unrecognizable by his brother in law). There are a few scars on his face, such as the one by his eye, that are single representations of what he went through.
  307. <h2>family information.</h2>
  308. <b>grandparents | relationships</b> Jamie Atwood I (paternal grandfather, '32 - 2019), Nadine Atwood (paternal grandmother, '35 - 2012). | Matt had a frayed relationship with his grandfather until the death of his grandmother. At that point forward, he made monthly trips to visit his grandfather. With his grandmother, Matthias failed to maintain an adequate relationship outside of christmas cards.<br>
  309. <b>parents | relationships</b> Jamie Atwood II (father, '67 - present), Marnie Atwood (mother, '67 - present). | The relationship with both of his parents are entirely estranged.<br>
  310. <b>aunts | uncles | relationships</b> Monica Harris (aunt through marriage), Janet Danielson (maternal aunt, '69 - present). Conrad Harris (paternal uncle), Michael Danielson (uncle through marriage, '68 - present). | Matthias has little to no relationship with his half uncle Conrad and his significant other Monica. He maintains that he desires no connection, since he has heard through the grape vine that Conrad is just as bad as his own father. Matt had a firm connection with both Michael and his wife Janet, it was severed after his marriage to Claire Atwood.<br>
  311. <b>siblings | relationships</b> Jamie Atwood III (older brother, '86 - present). | He and his older brother remain thick as theives. Despite Matthias having moved away recently. Jamie was the best man at his wedding.<br>
  312. <b>cousins | relationships</b> Aden Danielson (maternal cousin, '86 - present). Carter Harris (paternal cousin). | Aden assists Matt in running Atwood Orchard, they are close - almost like siblings. Carter and Matt have a strained relationship, but they're working on it.<br>
  313. <b>pets</b> <i>Ty</i> is a Toyger. He was initially bought as a companion animal to combat his difficulties with PTSD. <i>Scout</i> is a Liver and Tan German Shepherd Dog. He recently acquired it for both his wife and himself. As of <i>2019</i>, Scout also has began training to become a K9 for the New York City Police Department with Matthias as his handler.
  314. <h2>miscellaneous.</h2>
  315. <b>criminal record</b> In <i>2008</i>, he was cuffed and thrown in jail for twenty-four hours for vandalizing his father's vehicle. His mother bailed him out of jail, and his older brother talked the judge into expunging his record. In <i>2018</i>, he was arrested for punching a journalist in the fact for accusing the NYPD of covering up a crime. The police chief at the time pulled some strings for his release.<br>
  316. <b>personality traits</b><br>
  317. <b>mental disorders | phobias</b>
  318. </div>
  319. <div class="biography">
  320. <h1>Hi, my name is not important. I'm not from here, I'm imported. I drink liquor like it's water, hope my liver can afford it. I've been lyin' here with...I've been lyin' here, I'll be lyin' here, I'm under the covers like, what happened here ain't nothing sacred</h1>
  321. Lorem ipsum dolor sit amet, sale vocibus omnesque ei nam. An qui enim suscipiantur, consulatu persecuti nec no. Natum numquam sensibus eu vel. Pri an alia oporteat conclusionemque, quem lorem no mea.<br><br>
  322.  
  323. Vix ut erant aliquid instructior. Ut quem habeo pro, id usu cibo nominavi constituam, per ea similique definitiones. Ne mucius persequeris deterruisset sea, an vim quis suas adipiscing, cu mel dicta recteque. Vix diam viris interpretaris ea. Sit in laudem ignota persius, has no justo gloriatur, ut suas probatus sed.<br><br>
  324.  
  325. Habeo movet scaevola eos eu. Pro cu dolore facilisis, est ad alii ubique percipitur. Diam lucilius adipiscing vim eu. Melius invidunt conclusionemque ea mea, vim modus legendos urbanitas ad. Eam etiam rationibus et, utinam dignissim no pro, atqui animal aliquando mel at. Has deleniti accusata et, qui explicari concludaturque ea.
  326. <h1>Sh!t that got me fvcked up is, I know that dude just saw me naked, nursing a broken heart. But, who'd've thought it'd take me ages? I ended up here 'cause my girl said, "Fake it 'til you make it."</h1>
  327. Lorem ipsum dolor sit amet, sale vocibus omnesque ei nam. An qui enim suscipiantur, consulatu persecuti nec no. Natum numquam sensibus eu vel. Pri an alia oporteat conclusionemque, quem lorem no mea.<br><br>
  328.  
  329. Vix ut erant aliquid instructior. Ut quem habeo pro, id usu cibo nominavi constituam, per ea similique definitiones. Ne mucius persequeris deterruisset sea, an vim quis suas adipiscing, cu mel dicta recteque. Vix diam viris interpretaris ea. Sit in laudem ignota persius, has no justo gloriatur, ut suas probatus sed.<br><br>
  330.  
  331. Habeo movet scaevola eos eu. Pro cu dolore facilisis, est ad alii ubique percipitur. Diam lucilius adipiscing vim eu. Melius invidunt conclusionemque ea mea, vim modus legendos urbanitas ad. Eam etiam rationibus et, utinam dignissim no pro, atqui animal aliquando mel at. Has deleniti accusata et, qui explicari concludaturque ea.
  332. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement