Advertisement
Guest User

AINSLEY LAYOUT

a guest
Sep 18th, 2019
268
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.89 KB | None | 0 0
  1. ABOUT ME :
  2.  
  3. <span class="text">.CMU { Please do not steal! Thank you! }
  4.  
  5. <body onkeydown="return false">
  6.  
  7. <style>
  8. .profileInfo td.text a img {border:0px solid; border-color:#B3B3B3;}
  9. </style>
  10.  
  11. <style>
  12.  
  13. .CMU {BACKGROUND}
  14. table, tr, td { background-color:transparent; border:none; border-width:0;}
  15. body { z-index:1;
  16. background-color:#000000;
  17. background-image:url();
  18. background-attachment:fixed;
  19. background-position:left;
  20. background-repeat:no-repeat;
  21. margin-top:0px;
  22. margin-left:385px;
  23. }
  24.  
  25.  
  26. .CMU {TABLES}
  27. table table { border: 0px }
  28. table table table table{border:0px}
  29. table table table {
  30. border-style:solid;
  31. border-width:3px;
  32. border-color:#ffffff;
  33. background-color:#ffffff;
  34. }
  35.  
  36. .extra border {border:0} table table table table{border:3px; border-style:solid; border-color:#000000;padding: 0px;}
  37.  
  38. .CMU { FONT // TEXT }
  39. table, tr, td, li, p, div { font-family:georgia; color:#575047; font-size:10px; line-height: 10px; }
  40. a:active, a:visited, a:link { font-family:Share Tech Mono; color:FDBE71; font-size:10px; text-transform:none; line-height:9px;}
  41. a:hover { font-family:Share Tech Mono; color:FED39E; font-size:10px; letter-spacing:px; text-decoration:none; line-height:9px;}
  42.  
  43.  
  44. .CMU { SCROLL // CURSOR }
  45. ::-webkit-scrollbar-thumb:vertical {background-color:#B3B3B3;}
  46. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; border:0px solid #B3B3B3;}
  47. ::-webkit-scrollbar {width:5px; border:2px solid #fff; background-color:#B3B3B3;}
  48.  
  49. body, a, a:hover {cursor: url("http://img69.imageshack.us/img69/7673/cursorw.png"), auto;}
  50.  
  51. </style>
  52.  
  53. { GOOGLE FONTS }
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  56.  
  57. <link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>
  58.  
  59. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Lobster|Fjalla+One' rel='stylesheet' type='text/css'>
  62.  
  63. <link href="http://fonts.googleapis.com/css?family=Archivo+Narrow" rel="stylesheet" type="text/css">
  64.  
  65. <link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Share+Tech+Mono' rel='stylesheet' type='text/css'>
  68.  
  69. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  70.  
  71. <link href='https://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css'>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  74.  
  75. <link href='http://fonts.googleapis.com/css?family=Trocchi' rel='stylesheet' type='text/css'>
  76.  
  77. <link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>
  78.  
  79. <link href='http://fonts.googleapis.com/css?family=UnifrakturMaguntia' rel='stylesheet' type='text/css'>
  80.  
  81. <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  82.  
  83. <link href='http://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet' type='text/css'>
  84.  
  85. <link href='http://fonts.googleapis.com/css?family=Tauri' rel='stylesheet' type='text/css'>
  86.  
  87. <link href='http://fonts.googleapis.com/css?family=League+Script' rel='stylesheet' type='text/css'>
  88.  
  89. <link href='http://fonts.googleapis.com/css?family=Astloch' rel='stylesheet' type='text/css'>
  90.  
  91. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  92.  
  93. <link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
  94.  
  95. <link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  98.  
  99. <link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
  100.  
  101. <link href='http://fonts.googleapis.com/css?family=Economica|Ruthie|Tulpen+One' rel='stylesheet' type='text/css'>
  102.  
  103. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200' rel='stylesheet' type='text/css'>
  104.  
  105. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  106.  
  107. <link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
  110.  
  111. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  112.  
  113. <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  114.  
  115. <link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  116.  
  117. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:300' rel='stylesheet' type='text/css'>
  118.  
  119. <link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'>
  120.  
  121. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  122.  
  123. <link href='http://fonts.googleapis.com/css?family=PT+Serif+Caption|Fenix|Bree+Serif|Kite+One|Muli|Antic+Didone' rel='stylesheet' type='text/css'>
  124.  
  125. .CMU { TABLES X2 }
  126.  
  127. <style>
  128. table.profileInfo * {background-color:transparent;}
  129. table.profileInfo td.text {display:none;}
  130. table.profileInfo td td {display:none;}
  131. table.profileInfo td td.text {display:table-cell; _display:inline;}
  132. table.profileInfo table {direction:ltr;}
  133. table.profileInfo table td {direction:ltr;}
  134. </style>
  135.  
  136. <style>.katamari Section Manager
  137. { http://abrax.us/SectionManager } table.profileInfo * {background-color:transparent;} table.profileInfo table, table.profileInfo {width:300px;} table.profileInfo td td.text br {line-height:0px;}
  138. table.profileInfo td td {display:none;} table.profileInfo td td.text {display:table-cell; _display:inline;}
  139.  
  140. .a {move left column}
  141. table table table {position:relative; left:5px;}
  142. table table table table {position:static;}
  143.  
  144. .a {move right column}
  145. td.text table {position:relative; left:-8px;}
  146. td.text table table {position:static;}
  147.  
  148. .i {display:none;} {! control vertical space !} table table br {display:none;} table table table br {display:block;} table table table {margin-top:2px;} table table table table {margin-top:0px}
  149.  
  150. .blockquote {
  151. margin-left: 10px;
  152. margin-right: 10px;
  153. }
  154.  
  155. td.text table {position:relative; top: -20px;}td.text table table {position:static;}
  156.  
  157. div td {display:none;} table {top:0px; position:relative;} table table {top:0px; position:relative;}</style>
  158.  
  159. .CMU { aboutme}
  160. <style>
  161. #aboutme {position: absolute;
  162. width: 472px;
  163. height: 628px;
  164. margin-top: 0px;
  165. margin-left: 0px;
  166. color: #000000;
  167. background-color: #ffffff;
  168. padding: 5px;
  169. overflow: auto;
  170. -moz-transition-duration:2.0s;
  171. -webkit-transition-duration:2.0s;
  172. -o-transition-duration:2.0s;
  173. opacity: 0; }
  174.  
  175. #aboutme:hover {position: absolute;
  176. width: 400px;
  177. height: 180px;
  178. margin-top: 420px;
  179. margin-left: 30px;
  180. color: #000000;
  181. background-color: #ffffff;
  182. padding: 5px;
  183. overflow: auto;
  184. -moz-transition-duration:2.0s;
  185. -webkit-transition-duration:2.0s;
  186. -o-transition-duration:2.0s;
  187. opacity: 0.9; }
  188. </style>
  189.  
  190. .CMU { HIDDEN CONTENT }
  191.  
  192. <style>table.latestblogentry {display: none;}
  193. .nametext{display:none;}
  194. .contacttable {display: none;}
  195. .friendscomments{display:none;}
  196. .friendspace{display:none;}
  197. .userprofiledetail{display:none;}
  198. .extendednetwork{display:none;}
  199. .blurbs{display:none;}
  200. .userprofileurl{display:none;}
  201. .interestsanddetails{display:none;}
  202. #footerWarpper{display: none;}
  203.  
  204. { http://abrax.us/SectionManager }
  205.  
  206. table.profileInfo {display:none;}
  207.  
  208.  
  209. {!-hide row headers in General Table-!} table table table table td span.lightbluetext8 {display:none;} {!-Position custom Div which will replace General Table-!} div.myGeneral {position:relative; top:-10px; margin-bottom:-48px; background-color:black; border:0px black solid; width:300px; height:5px; }
  210.  
  211. .interestsAndDetails {display:none;} </style>
  212.  
  213. .CMU { MISC. }
  214.  
  215. <style type="text/css">
  216.  
  217. <style>
  218. ::selection
  219. {background:#5F6B92;
  220. color:#EDD2C4;}
  221.  
  222. ::-moz-selection
  223. {background:#5F6B92;
  224. color:#EDD2C4;}
  225.  
  226. ::-webkit-selection
  227. {background:#5F6B92;
  228. color:#EDD2C4;}
  229.  
  230. #hl { width:120px;
  231. margin-left:6px;
  232. margin-top:30px;
  233. position: absolute;}
  234. </style>
  235.  
  236. <style>
  237. [id="footerWarpper"] { display: none; }
  238. </style>
  239.  
  240. <body oncontextmenu='return false'>
  241. </style></span>
  242.  
  243.  
  244. .CMU { SPECIAL TEXT // HEADERS }
  245.  
  246. <style>
  247. h5 {font:15px 'Homemade Apple', cursive; background-color:#0c2024; color:#97cf67; margin:0 0 10px 0; padding:10px 5px; display:block; text-align:center; line-height:20px;}
  248.  
  249. h5 span {color:#ffffff; font:8px 'Archivo Narrow'; text-transform:uppercase; letter-spacing:2px;}
  250.  
  251.  
  252. h2 {font:50px 'Oswald'; color:#0c2024; text-shadow: 1.5px 1.5px #34a8a6; text-align:center; text-transform:uppercase; margin: -10px 0px -10px 0}
  253.  
  254. h1 {font:50px 'Homemade Apple', cursive; color:#97cf67; text-align:center; margin: -40px 0px -25px 0}
  255.  
  256. h9 {font:45px 'Homemade Apple', cursive; color:#97cf67; text-align:center; margin: -60px 0px -60px 0}
  257.  
  258. n1 { display: block; font-family:Lobster; text-align:center; font-size: 55px; font-weight:60; font-style:italic; color: #96d2ea; letter-spacing: 0px; text-transform: lowercase; line-height: 100%; text-shadow: 1px 1px 1px #000000; border-bottom: solid 0px #D6E0D5; padding-bottom: 8px; padding-top: 0px!important;}
  259.  
  260. N2 {font-family:Oswald; font-size:30px; font-style:uppercase; font-weight:normal; text-align:center; color:grey; background-color:ffffff; background-image:url(""); text-transform:lowercase; margin:0px; letter-spacing:9px; padding:5px; line-height:20px; border-bottom:; font-style:;}
  261.  
  262. </style>
  263.  
  264. </td>
  265. </tr>
  266. <tr>
  267. <td valign="top" align="left" width="435" bgcolor="#ffffff" style="word-wrap: break-word">
  268. <span class="orangetext15">
  269.  
  270. <style type="text/css">.userAlbums { display:none; }</style>
  271.  
  272. /* SCROLLBAR */
  273.  
  274. <style>
  275.  
  276. ::-webkit-scrollbar-thumb:vertical {height:12px;border:2px solid #fff;background:#B3B3B3;}
  277. ::-webkit-scrollbar-thumb:horizontal {background-color:#B3B3B3;}
  278. ::-webkit-scrollbar {width:8px;height:7px;border-left:5px solid #fff;border-right:5px solid #fff;border-top:2px solid #fff;border-bottom:2px solid #fff;background:#B3B3B3;}
  279.  
  280. </style>
  281.  
  282. .CMU { SIDEBAR/NAV }
  283.  
  284. <style>
  285. #sidebar {position:fixed;left:-100px;top:0px;width:450px;height:110%;background-color:#fff;background-image: url("http://colourlovers.com.s3.amazonaws.com/images/patterns/5367/5367841.png");border-right: 5px solid #000000;box-shadow: 0 0 0 5px #fff;}
  286.  
  287. #sidepic {display:fixed;width:130px;height:130px;clear:right;margin-left:180px;margin-top:100px;padding:10px 20px; text-align:justify;}
  288.  
  289. #sidebox {display:fixed;background:#B3B3B3;
  290. width:100px;height:260px;clear:right;margin-left:200px;margin-top:30px;padding:10px 20px; text-align:justify;border: 3px solid #000000; box-shadow: 0 0 0 5px #fff;}
  291.  
  292. #nav {display:fixed;margin-top:-274px;margin-left:93px; text-align:center; ;}
  293.  
  294. #nav a {font:33px 'lobster';color:#fff; text-shadow: 1.5px 1.5px #000000; margin:5px 5px 5px 5px;}
  295.  
  296. #nav a:hover{font:33px 'lobster';color:#000000; text-shadow: 1.5px 1.5px #fff; margin:5px 5px 5px 5px; text-decoration:none}
  297. </style>
  298.  
  299. </style>
  300. <style>
  301. .info { width: 290px; box-shadow: 0px 0px 0px #fff; }
  302. .iinfo { width: 250px; padding: 20px; background-color: #96d2ea; left:0px;}
  303. .iinfo2 { width: 90px; height: 90px; border: 10px solid #fff; border-radius: 50%; overflow: hidden; margin-top: -70px; }
  304. .iinfo2 img { width: 90px; }
  305. .gdi1 { padding: 10px 10px 10px 10px; background-color: #fff; font: 9px/130% helvetica; text-align: justify; color: #000; letter-spacing: 1px; margin-bottom: 0px;}
  306. .gdi1 b { font-size: 10px; letter-spacing: 0px; }
  307. </style>
  308. <style>
  309.  
  310. r {font: bold 8px calibri; text-transform:uppercase; color:#4D4647; letter-spacing: .5px; line-height: 6px;}
  311.  
  312.  
  313.  
  314. G {color:#925454; }
  315.  
  316.  
  317.  
  318. I {
  319.  
  320. font: 11px 'homemade apple', cursive;
  321.  
  322. text-transform:lowercase;
  323.  
  324. letter-spacing:1px;
  325.  
  326. color:#ffffff;
  327.  
  328. line-height:5px;}
  329.  
  330.  
  331.  
  332. Bi {font: 8px oswald; text-transform:uppercase; color:#000; letter-spacing: 1px; line-height: 9px;}
  333.  
  334.  
  335.  
  336. STRONG {font: 9px cambria; text-transform:uppercase; color:#6D966E; letter-spacing: 1px; line-height: 8px!important;}
  337.  
  338. it {Yanone+Kaffeesatz; font-size: 9px; letter-spacing:1px; text-transform:none;}
  339.  
  340. AIMNAME {text-transform: none; color:ffffff; padding-top: 5px; padding-bottom: 5px; font-size: 15px; letter-spacing: 1px; font-family: 'homemade apple', cursive;}
  341.  
  342. ONLINE {text-transform: none; color:ffffff; padding-top: 3px; font-size: 9px; letter-spacing:4px; font-family: Yanone+Kaffeesatz;}
  343.  
  344.  
  345.  
  346. EM {font: 10px 'Homemade Apple', cursive; text-transform:none; color:#981F32; letter-spacing: 0px; line-height: 8px;}</style>
  347.  
  348.  
  349. .CMU {AIM BOX}
  350.  
  351. #aim1 {background:#000000;
  352. width:140px;height:150px;clear:right text-align:center;border: 3px solid #B3B3B3; float: left;}
  353.  
  354. #aim2 {background:#ffffff;
  355. width:140px;height:150px;clear:right text-align:center;border: 3px solid #B3B3B3; float: right;}
  356.  
  357.  
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383.  
  384.  
  385.  
  386.  
  387.  
  388.  
  389.  
  390.  
  391. LIKE TO MEET:
  392.  
  393. <span class="text"></td></tr></table></td></tr></table><br /><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="482" bgcolor="ffcc99" border="0"><tr><td><table bordercolor="000000" cellspacing="1" cellpadding="1" width="482" align="left" bgcolor="ffffff" border="0"><td valign="top" align="left" width="482" bgcolor="ffffff" style="word-wrap:break-word">
  394.  
  395. <div id="sidebar">
  396. <div id="sidepic">
  397. <style type="text/css">.liam { width: 130px; height: 130px; background-image: url(http://i.imgur.com/7Iawt8x.png);
  398.  
  399. }#irresistible { width: 85px; height: 50px; background-color: #fff; position: relative; top: 35; padding: 5px; border-bottom: border: 3px solid #000000; box-shadow: 0 0 0 5px #fff; text-align: justify; font-family: georgia; text-transform: none; font-size: 7px; line-height: 90%; color: #000; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #irresistible:hover { opacity: 0.8; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}</style><center><div style="width: 130px; height: 130px; background:#B3B3B3; padding: 5px; border: 3px solid #000000; box-shadow: 0 0 0 5px #fff;"><div class="liam"><div id="irresistible">
  400. <div style="overflow: auto; width: auto; height: 50px; font-family:georgia; color:000000; font-size:9.5px; line-height: 11px;;">
  401. some sort of text can go here. some sort of text can go here. some sort of text can go here.</div></div></div>
  402.  
  403. </div></a></center></div>
  404.  
  405.  
  406. <div id="sidebox">
  407. </div>
  408. <div id="nav">
  409. <a href="/">home</a><br>
  410. <a href="http://www.roleplayer.me/add_comment.php?member_id=724854">comment</a><br>
  411. <a href="http://www.roleplayer.me/send_message.php?member_id=724854">message</a><br>
  412. <a href="http://www.roleplayer.me/">blogs</a><br>
  413. <a href="http://www.roleplayer.me/albums.php?member_id=724854">gallery</a><br>
  414. <a href="/">ask</a><br>
  415. </div>
  416. </div>
  417. </div>
  418.  
  419.  
  420.  
  421. <center><img src="http://i.imgur.com/cIentmO.png"></center>
  422.  
  423.  
  424.  
  425.  
  426. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="482"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="482"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="482"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="482">
  427.  
  428. <style>
  429. .rcmain {
  430. width: 472px;
  431. height: 582px;
  432. background-image: url(http://i.imgur.com/Rt1ey0z.png);
  433. transition: 1.7s;
  434. transition-delay: .0s;
  435. }
  436.  
  437. .rclinesleft {
  438. height: 582px;
  439. width: 3px;
  440. border-left: 3px double #fff;
  441. border-right: 3px double #fff;
  442. position: relative;
  443. right: 215px;
  444. }
  445.  
  446. .rcname {
  447. font-family: lobster;
  448. font-size: 45px;
  449. text-transform: lowercase;
  450. color: #fff;
  451. text-shadow: 1.5px 1.5px 0px #000;
  452. letter-spacing: 0px;
  453. position: relative;
  454. bottom: 550px;
  455. transition: 1.7s;
  456. transition-delay: .0s;
  457. }
  458.  
  459. .rctitle {
  460. font-family: Yanone+Kaffeesatz;
  461. font-size: 10px;
  462. color: #fff;
  463. text-transform: lowercase;
  464. position: relative;
  465. bottom: 530px;
  466. text-shadow: 0px 0px 1px #000;
  467. letter-spacing: 4px;
  468. transition: 1.7s;
  469. transition-delay: .0s;
  470. }
  471.  
  472. .rclinesright {
  473. height: 582px;
  474. width: 3px;
  475. border-left: 3px double #fff;
  476. border-right: 3px double #fff;
  477. position: relative;
  478. left: 214px;
  479. bottom: 602px;
  480. }
  481.  
  482. .rccontent {
  483. width: 340px;
  484. height: 400px;
  485. background-color: #000;
  486. font-family: garamond;
  487. font-size: 12px;
  488. background-color: #B3B3B3;
  489. position: relative;
  490. bottom: 1080px;
  491. text-align: justify;
  492. padding: 20px;
  493. opacity: .0;
  494. overflow: auto;
  495. transition: 1.7s;
  496. transition-delay: 0.7s;
  497. line-height: 108%;
  498. }
  499.  
  500. .rcmain:hover {
  501. background-image: url(http://i.imgur.com/IlYDJlF.png);
  502. }
  503.  
  504. .rcmain:hover .rcname {
  505. color: #000000;text-shadow: 1.5px 1.5px #fff;
  506. }
  507.  
  508. .rcmain:hover .rctitle {
  509. color: #000000; text-shadow: 0px 0px 1px #fff;
  510. opacity: .8;
  511. }
  512.  
  513. .rcmain:hover .rccontent {
  514. opacity: 1;
  515. }
  516.  
  517.  
  518.  
  519. .rccredit {
  520. width: 440px;
  521. text-align: right;
  522. color: #bef2f0;
  523. }
  524.  
  525. a {
  526. color: #bef2f0;
  527. text-decoration: none;
  528. }
  529.  
  530. a:hover {
  531. color: #bef2f0;
  532. text-decoration: none;
  533. }
  534. </style>
  535.  
  536. <link href='https://fonts.googleapis.com/css?family=Roboto:100|Montserrat:700|Anton|Herr+Von+Muellerhoff|League+Script' rel='stylesheet' type='text/css'>
  537.  
  538. <center>
  539. <div class="rcmain">
  540. <div class="rclinesleft"></div>
  541. <div class="rcname">Ainsley Rae Bassett</div>
  542. <div class="rctitle">some little text here</div>
  543. <div class="rclinesright"></div>
  544. <div class="rccontent rcscroll">
  545. <div style="text-align: justify; font-family: Yanone+Kaffeesatz; font-size: 9px; letter-spacing:2px; background: #fff; padding: 10px;">
  546. Lorem ipsum dolor sit amet, in placerat non sollicitudin, sodales porttitor leo non, ridiculus at congue nunc donec ac dapibus, adipiscing curabitur vel eu id nunc dolor. Id cursus fusce duis et, sodales purus nec quam laoreet, placerat faucibus dolorem massa. Eu feugiat sed condimentum, blandit eiusmod elementum mauris, morbi sed mauris diam commodo sem parturient, diam sit quis quis arcu dictum justo. Convallis scelerisque, nibh gravida dui condimentum urna, vel aenean amet in vitae dolor, molestie sociosqu porttitor varius non elit dolor. Amet a cursus orci nonummy, phasellus vel, neque porta varius erat ullamcorper ut. Montes sed adipiscing vulputate a nec id, a vitae tellus ac, quis bibendum, wisi fringilla imperdiet elementum. Ante sed sit nec ac. Id lobortis id feugiat habitasse, in vulputate. Lorem ipsum dolor sit amet, in placerat non sollicitudin, sodales porttitor leo non, ridiculus at congue nunc donec ac dapibus, adipiscing curabitur vel eu id nunc dolor. Id cursus fusce duis et, sodales purus nec quam laoreet, placerat faucibus dolorem massa. Eu feugiat sed condimentum, blandit eiusmod elementum mauris, morbi sed mauris diam commodo sem parturient, diam sit quis quis arcu dictum justo.<br><br> Lorem ipsum dolor sit amet, in placerat non sollicitudin, sodales porttitor leo non, ridiculus at congue nunc donec ac dapibus, adipiscing curabitur vel eu id nunc dolor. Id cursus fusce duis et, sodales purus nec quam laoreet, placerat faucibus dolorem massa. Eu feugiat sed condimentum, blandit eiusmod elementum mauris, morbi sed mauris diam commodo sem parturient, diam sit quis quis arcu dictum justo. Convallis scelerisque, nibh gravida dui condimentum urna, vel aenean amet in vitae dolor, molestie sociosqu porttitor varius non elit dolor. Amet a cursus orci nonummy, phasellus vel, neque porta varius erat ullamcorper ut. Montes sed adipiscing vulputate a nec id, a vitae tellus ac, quis bibendum, wisi fringilla imperdiet elementum. Ante sed sit nec ac. Id lobortis id feugiat habitasse, in vulputate. Lorem ipsum dolor sit amet, in placerat non sollicitudin, sodales porttitor leo non, ridiculus at congue nunc donec ac dapibus, adipiscing curabitur vel eu id nunc dolor. Id cursus fusce duis et, sodales purus nec quam laoreet, placerat faucibus dolorem massa. Eu feugiat sed condimentum, blandit eiusmod elementum mauris, morbi sed mauris diam commodo sem parturient, diam sit quis quis arcu dictum justo.</div></div>
  547. </div>
  548. </center>
  549.  
  550.  
  551.  
  552.  
  553. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="482"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="482"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="482"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="482">
  554.  
  555. <div style="background-color:#B3B3B3; padding: 3px;">
  556. <center><div style="text-transform: none; color:ffffff; padding-top: 3px; font-size: 9px; letter-spacing:4px; font-family: Yanone+Kaffeesatz; background-color: #000000; ">a little something will go here</div>
  557.  
  558. <div style="text-transform: none; color:ffffff; padding-top: 5px; padding-bottom: 5px; font-size: 15px; letter-spacing: 1px; font-family: 'homemade apple', cursive; background-color: #000000; ">and a bigger something will go right here.</div></div>
  559.  
  560.  
  561.  
  562. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="482"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="482"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="482"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="482">
  563.  
  564.  
  565. <link href='http://fonts.googleapis.com/css?family=Quicksand|News+Cycle' rel='stylesheet' type='text/css'>
  566.  
  567. <div style="background: #C1A5A4; height: 3px; border-top: #222 solid 10px; width: 472px; margin-bottom: 2px;"></div><div style="width: 430px; text-align: justify; font-family: Yanone+Kaffeesatz; font-size: 9px; letter-spacing:2px; background: #B3B3B3; padding: 20px; border: #ddd solid 1px; color: #000;">
  568.  
  569. It�s those <i>moments</i> when you hang around in <strong>a room full of friends</strong>, where you <strong>gasp for breath</strong> between each <i>laugh</i>. It�s those moments where you get high off just <em>breathing</em> in so deep, you feel your lungs <em>getting cold</em>. For a second, that split second, <strong>you don�t care</strong>. You don�t care about school, about <i>money</i>, about rules, or <em>broken hearts</em>. Who you care about are the kids <strong>sitting next to you</strong>. �Cause it�s all we <i>really need</i>, those kids next to you. The ones who make you feel <em>invincible</em>, even at your <strong>weakest points</strong>.
  570.  
  571. </div><div style="background: #222; height: 10px; border-top: #C1A5A4 solid 3px; width: 472px; margin-top: 2px;"></div></a></center>
  572.  
  573.  
  574. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="482"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="482"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="482"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="482">
  575.  
  576. <center><img src="http://i.imgur.com/LZQlred.png"></center>
  577.  
  578.  
  579.  
  580.  
  581. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="482"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="482"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="482"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="482">
  582.  
  583.  
  584. <center><img src="http://i.imgur.com/w8nB9Y7.png"></center>
  585.  
  586.  
  587.  
  588.  
  589.  
  590.  
  591.  
  592.  
  593. </td>
  594. </tr>
  595. </table>
  596. </td>
  597. </tr>
  598. </table>
  599. <br>
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.  
  630.  
  631.  
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664.  
  665.  
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
  672.  
  673. INTERESTS:
  674.  
  675. <tr id="GeneralRow"><td valign="top" align="left" width="100" bgcolor="#97BEEC" NOWRAP><span class="lightbluetext8">General</span></td><td id="ProfileGeneral" width="175" bgcolor="#C9E0FA" style="WORD-WRAP: break-word"><tr id="GeneralRow"><td valign="top" align="left" width="100" bgcolor="#97BEEC" NOWRAP><span class="lightbluetext8">General</span></td><td id="ProfileGeneral" width="175" bgcolor="#C9E0FA" style="WORD-WRAP: break-word"></td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
  676.  
  677. <div style="background-color:#B3B3B3; padding: 3px;">
  678. <center><div style="text-transform: none; color:ffffff; padding-top: 3px; font-size: 9px; letter-spacing:4px; font-family: Yanone+Kaffeesatz; background-color: #000000; ">some small text will go here</div>
  679.  
  680. <div style="text-transform: none; color:ffffff; padding-top: 5px; padding-bottom: 5px; font-size: 15px; letter-spacing: 1px; font-family: 'homemade apple', cursive; background-color: #000000; ">and some big here.</div></div>
  681.  
  682.  
  683. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
  684. <center><div style="margin-top:0px;">
  685. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="280" height="20">
  686. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  687. <param name="bgcolor" value="#ffffff" />
  688. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/11ew5maryh/forever_the_sickest_kids_-_she_s_a_lady.mp3%20%7C%20http://k003.kiwi6.com/hotlink/11ew5maryh/forever_the_sickest_kids_-_she_s_a_lady.mp3?play_key=e6ba8f023e92bbb5aaf06052cd0c6551&tumblelog=twocuppaeasterpink&post_id=143510952709&width=292&height=23&volume=200&autoplay=1&shuffle=2&sliderwidth=11&sliderheight=12&loadingcolor=a9d2d4&bgcolor1=ffffff&bgcolor2=ffffff&slidercolor1=665E55&slidercolor2=665E55&sliderovercolor=665E55&buttoncolor=665E55&buttonovercolor=665E55&textcolor=665E55&playlistcolor=ffffff" />
  689. </object></div>
  690.  
  691.  
  692. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
  693.  
  694.  
  695. <link href='http://fonts.googleapis.com/css?family=Quicksand|News+Cycle' rel='stylesheet' type='text/css'>
  696.  
  697. <div style="background: #C1A5A4; height: 3px; border-top: #222 solid 10px; width: 292px; margin-bottom: 2px;"></div><div style="width: 250px; text-align: justify; font-family: Yanone+Kaffeesatz; font-size: 9px; letter-spacing:2px; background: #B3B3B3; padding: 20px; border: #ddd solid 1px; color: #000;">
  698.  
  699. <strong>Birth Name + Etymology:</strong> the name that appears on her legal documents is <i>Ainsley Rae Bassett</i> ❦ The name <em>Ainsley</em> derived from the 14th century Ireland and means '<strong>one from the meadow</strong>' ❦ The name <i>Rae</i> is of Scottish origin. It is a name most often associated with the word "grace".
  700.  
  701.  
  702. <div style="padding: 10px; color:000000; font-family:georgia ">
  703. <strong>Birth Date + Age:</strong> Ainsley is currently <i>twenty-four</i> (24) years old. She was born on the <em>27th of April</em> in the year 1992. <strong>Astrological Sign:</strong> Ainsley was born under the sign of the <i>Taurus</i>.</div>
  704.  
  705.  
  706.  
  707. <strong>Birth Place + Current Location:</strong> Ainsley was born in Kent Hospital located in <i> Warwick, Rhode Island</i> at exactly 3:28 AM. However she was raised in <em>town, Rhode Island</em> where her family's home was located. After highschool, Ainsley moved to <em>Santa Monica, California</em> where she resided up until she was forced back to her hometown for an FBI investigation.
  708.  
  709.  
  710. <div style="padding: 10px; color:000000; font-family:georgia">
  711. <strong>Immediate Family + Siblings:</strong> Ainsley's <i> Mother</i> is <em>Chasity Drew-Bassett,</em> and her <strong>Father</strong> is <i>Miles Bassett</i>. She remains in close contact with both her parents. Ainsley's <strong>older brother</strong> was <em>Thomas Bassett</em>, but he has since passed away.</div>
  712.  
  713. <strong>Education + Occupation:</strong> Ainsley attended <i>North Gwinnett High School</i> where she maintained average grades, focusing more so on her social status. After graduation, Ainsley attended the University of <em>Southern California</em> where she achieved her degree in <strong>major</strong>. She now officially works as a <i>job</i> at location. </div></div></div></div>
  714.  
  715. </div><div style="background: #222; height: 10px; border-top: #C1A5A4 solid 3px; width: 292px; margin-top: 2px;"></div></a></center>
  716.  
  717.  
  718.  
  719. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
  720.  
  721. <div style="background:#000000;
  722. width:135px;height:135px;clear:right text-align:center;border: 3px solid #B3B3B3; float: left;">
  723.  
  724. <br><br><img src="http://i.imgur.com/hIFusuB.png" border="3px" border-color="#b3b3b3" width="45"><br><br>
  725. <aimname>freefalllingx</aimname><br>
  726. <online>is online & typing...</online></div>
  727.  
  728. <div style="background:#ffffff;
  729. width:135px;height:127px;clear:right text-align:center;border: 3px solid #B3B3B3; padding: 4px; float: right;">
  730.  
  731. <marquee behavior="scroll" direction="up" scrollamount="3" height="127">
  732.  
  733. <center><br><it> sent 15 minutes ago... </it></center>
  734. <p align="left"><b><font color="981F32">freefalllingx:</font> </b> chatchatchat</p>
  735. <p align="left"><b><font color="6D966E">pinkmxscato:</font></b> chatchatchat</p>
  736. <br><center><it> sent 10 minutes ago... </It></center>
  737. <p align="left"><b><font color="981F32">freefalllingx:</font></b> chatchatchat</p>
  738. <p align="left"><b><font color="6D966E">pinkmxscato:</font></b> chatchatchat</p>
  739. <br><center><it> sent 5 minutes ago... </It></center>
  740. <p align="left"><b><font color="981F32">freefalllingx:</font></b> chatchatchat</p>
  741. <p align="left"><b><font color="6D966E">pinkmxscato:</font></b> chatchatchat</p>
  742. <br><center><it> just now... </It></center>
  743. <p align="left"><b><font color="981F32">freefalllingx:</font></b> chatchatchat</p>
  744. <p align="left"><b><font color="6D966E">pinkmxscato:</font></b> chatchatchat</p>
  745.  
  746. </marquee>
  747.  
  748. </div>
  749.  
  750.  
  751.  
  752. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
  753.  
  754. <div style="background: #C1A5A4; height: 3px; border-top: #222 solid 10px; width: 292px; margin-bottom: 2px;"></div>
  755.  
  756. <style type="text/css">
  757. .insideout { width: 292px; height: 200px; position: relative; overflow: hidden; margin: auto; }
  758. .insideout .insideo { position: absolute; top: 60px; left: 50px; background-color: rgba(0, 0, 0, 0.3); font-size: 25px; border: 2px solid #fff; color: #fff; text-align: center; line-height: 100%; font-family:Lobster; text-transform: lowercase; text-shadow: 1.5px 1.5px 0px #000; padding: 20px; font-weight: ; opacity: .99; transition: all .8s ease-in-out .8s;}
  759. .insideout .insideo span { transition: all .6s ease-in-out 1s; }
  760. .insideout:hover .insideo span { color: #222; transition: all .6s ease-in-out;}
  761. .insideout:hover .insideo { opacity: 0; transition: all .8s ease-in-out .6s;}
  762. .insideout .iout { width: 0px; height: 0px; background-color: rgba(34, 34, 34, 0.6); position: absolute; top: 0px; left: 0px; }
  763. .insideout .loveis { position: absolute; top: 50px; left: 50px; background-color: rgba(0, 0, 0, 0.9); border: 2px solid #fff; padding: 20px; width: 148px; height: 56px; opacity: 0; transition: all .8s ease-in-out .3s; }
  764. .insideout:hover .loveis { opacity: .99; transition: all .8s ease-in-out 1.6s; }
  765. .loveiss { width: 153px; height: 56px; padding-right: 5px; overflow: auto; color: #fff; font-family: 'Yanone+Kaffeesatz'; font-size: 9px; letter-spacing:2px; text-align: justify; line-height: 100%; }
  766. .loveiss::-webkit-scrollbar { width: 3px; height: 3px; padding: 0px; border: 0px; }
  767. .loveiss::-webkit-scrollbar-track { background-color: rgba(34, 34, 34, 0.6); }
  768. .loveiss::-webkit-scrollbar-thumb { background-color: #fff; }
  769. .bcreds a, .bcreds { font-size: 8px; font-family: calibri, sans-serif; text-align: center; line-height: 100%; text-transform: uppercase; }
  770. </style>
  771. <link href='http://fonts.googleapis.com/css?family=Aldrich' rel='stylesheet' type='text/css'>
  772.  
  773. <div class="insideout"><img src="http://i.imgur.com/nmjf4fO.png"/> <div class="iout"></div> <div class="insideo"><span> likes & dislikes </span></div> <div class="loveis"><div class="loveiss">
  774.  
  775. <center><b>LIKES:</b></center><br> iced-coffee, sunsets, puppies, thunder storms, kittens, giraffes, the color green, nick jonas, the walking dead, old movies, awkward, sweet moscato, smoothies, guys with pretty eyes, gin&tonics, basketball, mojitos, friends, scrubs, cuddling, the beach, food, sleeping, john mayer, listening to old music, the smell of rain, football, crafting.<br><br>
  776.  
  777. <center><b>DISLIKES:</b></center><br> Liars, spiders, being woken up too early, complainers, decision making, being bored, mornings, traffic, hang-overs, working, self-centered individuals, humidity, bad hair days.
  778.  
  779. </div></div> </div>
  780.  
  781. <div style="background: #222; height: 10px; border-top: #C1A5A4 solid 3px; width: 292px; margin-top: 2px;"></div>
  782.  
  783.  
  784.  
  785.  
  786. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
  787.  
  788.  
  789. <link href='http://fonts.googleapis.com/css?family=Quicksand|News+Cycle' rel='stylesheet' type='text/css'>
  790.  
  791. <div style="background: #C1A5A4; height: 3px; border-top: #222 solid 10px; width: 292px; margin-bottom: 2px;"></div><div style="width: 250px; text-align: justify; font-family: Yanone+Kaffeesatz; font-size: 9px; letter-spacing:2px; background: #B3B3B3; padding: 20px; border: #ddd solid 1px; color: #000;">
  792.  
  793.  
  794. something short will go here. something short will go here. something short will go here. something short will go here. something short will go here. something short will go here. something short will go here. something short will go here.
  795.  
  796. </div><div style="background: #222; height: 10px; border-top: #C1A5A4 solid 3px; width: 292px; margin-top: 2px;"></div></a></center>
  797.  
  798.  
  799. </td></tr></tbody></table></td></tr></tbody></table><br><table bgcolor="" border="0" bordercolor="" cellpadding="0" cellspacing="0" width="302"><tbody><tr><td class="text" style="word-wrap:break-word" height="0" align="center" bgcolor="9" valign="center" width="302"></td></tr><tr><td><table align="center" bgcolor="" border="0" bordercolor="" cellpadding="1" cellspacing="1" width="302"><tbody><tr><td style="word-wrap:break-word" align="center" bgcolor="" valign="top" width="302">
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement