Advertisement
mebuckner

Isabella

Nov 13th, 2020
226
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.30 KB | None | 0 0
  1. <!--about me-->
  2. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  3.  
  4. <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
  5. rel="stylesheet">
  6.  
  7. <style type="text/css">
  8.  
  9. @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
  10.  
  11.  
  12. body {
  13. background-color:#232426;
  14. background-repeat:no-repeat;
  15. background-attachment:fixed;
  16. margin: 0;
  17. overflow:auto;
  18. background-image:url('https://i.imgur.com/nS7y9wW.png');
  19. background-size:cover;
  20. }
  21.  
  22. table, tr, td, li, p, div, .profileInfo td.text {
  23. font-size: 10px;
  24. color: #717171;
  25. font-family: 'Poppins', sans-serif;}
  26.  
  27.  
  28. .container {
  29. width:900px;
  30. height:500px;
  31. position:absolute;
  32. left:0;
  33. right:0;
  34. top:0;
  35. bottom:0;
  36. overflow:hidden;
  37. margin:auto;
  38. color:#fff;
  39. background-color:#fff;
  40. font-family: 'Abel', sans-serif;
  41. }
  42.  
  43. .topBar{
  44. width:900px;
  45. background:#161616;
  46. }
  47.  
  48.  
  49.  
  50. a.topLineLink:link, a.topLineLink:visited {
  51. background-color: #161616;
  52. color: white;
  53. padding: 9px 13px;
  54. text-align: center;
  55. text-decoration: none;
  56. display: inline-block;
  57. font-family: Georgia;
  58. font-size: 10px;
  59. text-transform: uppercase;
  60. width: 63px;
  61. font-weight:100;
  62. }
  63.  
  64. a.topLineLink:hover, a.topLineLink:active {
  65. color: #839a92;
  66. }
  67.  
  68.  
  69.  
  70. a.barrow:link, a.barrow:visited {
  71. background-color: #161616;
  72. color: white;
  73. padding: 9px 5px;
  74. text-align: center;
  75. text-decoration: none;
  76. display: inline-block;
  77. font-family: Georgia;
  78. font-size: 10px;
  79. text-transform: uppercase;
  80. width: 57px;
  81. font-weight:100;
  82. }
  83.  
  84. a.barrow:hover, a.barrow:active {
  85. color: #839a92;
  86. }
  87.  
  88. h1{
  89. font-family: 'Playfair Display', serif;
  90. font-weight: 100;
  91. text-transform: uppercase;
  92. color: #fff;
  93. display: inline-block;
  94. vertical-align: top;
  95. font-size: 12px;
  96. margin-top: 5px;
  97. margin-left: 10px;
  98. margin-right: 79px;
  99. }
  100.  
  101.  
  102. h2{
  103. font-family: 'Playfair Display', serif;
  104. font-weight: 100;
  105. color: #fff;
  106. display: inline-block;
  107. vertical-align: top;
  108. font-size: 12px;
  109. margin-left: 10px;
  110. }
  111.  
  112.  
  113. h3{
  114. font-family: 'Playfair Display', serif;
  115. font-weight: 100;
  116. color: #000;
  117. display: inline-block;
  118. vertical-align: top;
  119. font-size: 17px;
  120. margin-left: 1px;
  121. margin-top: 0px;
  122. }
  123.  
  124.  
  125. h4{
  126. font-family: 'Playfair Display', serif;
  127. font-weight: 100;
  128. color: #656565;
  129. display: inline-block;
  130. vertical-align: top;
  131. font-size: 12px;
  132. margin-left: 2px;
  133. margin-top: -20px;
  134. }
  135.  
  136.  
  137. h5{
  138. font-family: 'Playfair Display', serif;
  139. font-weight: 100;
  140. text-transform: uppercase;
  141. color: #000;
  142. display: inline-block;
  143. vertical-align: top;
  144. font-size: 12px;
  145. margin-top: 5px;
  146. margin-left: 10px;
  147. margin-right: 79px;
  148. }
  149.  
  150. p {
  151. max-width: 255px;
  152. word-wrap: break-word;
  153. margin-bottom: 12px;
  154. padding:10px 20px;
  155. border-radius:25px;
  156. }
  157.  
  158.  
  159.  
  160. .from-me {
  161. color: white;
  162. background: #161616;
  163. align-self: flex-end;
  164. font-family: 'Playfair Display';
  165. font-size: 12px;
  166. font-weight: 100;
  167. text-align: right;
  168. }
  169.  
  170.  
  171.  
  172. .from-them {
  173. background:#a19b93;
  174. color:black;
  175. font-family: 'Playfair Display';
  176. font-size: 12px;
  177. font-weight: 100;
  178. text-align: left;
  179. }
  180.  
  181. #iphoneHolder{
  182. display:none;
  183. }
  184.  
  185. #iphoneHolder:target{
  186. display:block;
  187. position:absolute;
  188. background-image:url('https://i.imgur.com/XR3OXWB.png');
  189. }
  190.  
  191.  
  192. #faceTimeHolder{
  193. display:none;
  194. }
  195.  
  196. #faceTimeHolder:target{
  197. display:block;
  198. position:absolute;
  199. }
  200.  
  201. #lyftHolder{
  202. display:none;
  203. }
  204.  
  205. #lyftHolder:target{
  206. display:block;
  207. position:absolute;
  208. }
  209.  
  210. #cameraHolder{
  211. display:none;
  212. }
  213.  
  214. #cameraHolder:target{
  215. display:block;
  216. position:absolute;
  217. }
  218.  
  219. #safariHolder{
  220. display:none;
  221. }
  222.  
  223. #safariHolder:target{
  224. display:block;
  225. position:absolute;
  226. }
  227.  
  228. .iPhoneQuote{
  229. width: 174px;
  230. height: 85px;
  231. background: #321d1d;
  232. margin-top: -288px;
  233. position: absolute;
  234. margin-left: 39px;
  235. border-radius: 17px;
  236. background-image:url('https://i.imgur.com/LndlquA.png');
  237. }
  238.  
  239. .firstBlockIphone{
  240. width: 80px;
  241. height: 80px;
  242. position: absolute;
  243. margin-top: -386px;
  244. margin-left: 38px;
  245. }
  246.  
  247. .secondBlockIphone{
  248. width: 90px;
  249. height: 80px;
  250. position: absolute;
  251. margin-top: -386px;
  252. margin-left: 125px;
  253. }
  254.  
  255. .thirdBlockIphone{
  256. width: 90px;
  257. height: 80px;
  258. position: absolute;
  259. margin-left: 37px;
  260. margin-top: -185px;
  261. }
  262.  
  263. .fourthBlockIphone{
  264. width: 80px;
  265. height: 80px;
  266. position: absolute;
  267. margin-top: -185px;
  268. margin-left: 131px;
  269. }
  270.  
  271. .bottomBarIphone{
  272. width: 178px;
  273. height: 56px;
  274. background: #0000008f;
  275. position: absolute;
  276. margin-top: -81px;
  277. margin-left: 36px;
  278. border-radius: 25px;
  279. }
  280.  
  281.  
  282.  
  283. ::-webkit-scrollbar {display:none;}
  284.  
  285.  
  286. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  287. </style>
  288.  
  289.  
  290.  
  291. <!--like to meet-->
  292. <html>
  293. <body>
  294. <div class="container">
  295. <div class="topBar">
  296. <h1>Gabriella Marie Costello</h1>
  297. <a href="/home.php" class="topLineLink">home</a>
  298. <a href="/send_message.php?member_id=1657003" class="topLineLink">message</a>
  299. <a href="/add_comment.php?member_id=1657003" class="topLineLink">comment</a>
  300. <a href="/status_stream.php?member_id=1657003" class="topLineLink">stream</a>
  301. <a href="/view_member_blog.php?member_id=1657003" class="topLineLink">blog</a>
  302. <a href="https://www.pinterest.com/gabixcostello/" class="topLineLink">pinterest</a>
  303. <a href="https://gabriellaxcostello.tumblr.com/" class="topLineLink">tumblr</a>
  304. </div>
  305.  
  306. <div style="width:250px; height:402px; padding:20px; display:inline-block; vertical-align:top; padding-top:7px;">
  307. <p class="from-me">
  308. <img src="https://i.imgur.com/UqgeRrz.png" width="50px" align="left">
  309. <b>Gabi</b><br>
  310. Even in my wildest dreams I never thought I would meet someone like you.
  311. </p>
  312. <p class="from-them">
  313. <img src="https://i.imgur.com/dnfTLbW.png" width="50px" align="right">
  314. <b>My Baby <span class="th th-heart-1-o"></span></b><br>
  315. I got the molly, on my way home.
  316. </p>
  317.  
  318.  
  319.  
  320. <div style="width: 252px; height: 230px; background: #cacaca; margin-top: 10px; display: inline-block;">
  321.  
  322. <div style="width: 231px; background: #a19b93; margin-top: 10px; display: inline-block; margin-left: 5px; border-radius: 36px; padding: 5px;">
  323. <h2>Gabriella Costello <span class="material-icons" style="font-size: 14px; margin-top: 1px; margin-left: 60px; border-right: solid #fff 1px; padding-right: 5px; display: inline-block; vertical-align: top;">close</span> <span class="material-icons" style="font-size: 16px; margin-top: 1px; display: inline-block; vertical-align: top;">mic</span><span class="material-icons" style="font-size: 15px; margin-top: 1px; display: inline-block; vertical-align: top;">search</span></div>
  324.  
  325. <div style="width: 240px; height: 162px; background: #cacaca; margin-left: 5px; border-top: solid 1px #afafaf; margin-top: 5px; padding-top:5px; overflow:none;">
  326. <img src="https://i.imgur.com/15jMfNp.png" width="232px">
  327. <h3>Gabriella Costello</h3>
  328. <h4>American gang member</h4>
  329. <br>
  330. <div style="margin-top: -12px; margin-left: 3px; display: inline-block;">
  331. <b>people also search for:</b> <b style="color:#792223; margin-right:5px;">Frank Costello</b> <b style="color:#792223; margin-right:5px;">Cameron Barrow</b> <b style="color:#792223; margin-right:5px;">Lorenzo Luciano</b>
  332. </div>
  333. </div>
  334.  
  335.  
  336. </div>
  337.  
  338.  
  339. </div>
  340.  
  341. <div style="width:315px; height:402px; padding:20px; display:inline-block; vertical-align:top; text-align:center;">
  342. <center>
  343. <div style="width:315px; height:315px;">
  344. <div style="width: 300px; height: 30px; padding: 5px; text-align: left; padding-left: 10; background: #cacaca;">
  345. <img src="https://i.imgur.com/cY5Sr6L.png" style="width:30px; border-radius:50%;">
  346. <h5>brokenxcrown</h5>
  347. </div>
  348. <div style="width:315px; height:235px;">
  349. <img src="https://i.imgur.com/lENJvx8.png">
  350. </div>
  351. <div style="width:315px; height:40px; background:#cacaca; font-family:Playfair Display; font-size:12px; text-align:left; color:#000;">
  352. <img src="https://i.imgur.com/c0BkoKN.png"><br>
  353. <b style="margin-left: 7px; margin-top: 0px; display: inline-block;">brokenxcrown</b> Thanks for being my guy. <b style="color: #792223;">#ahappyplace</b>
  354. </div>
  355.  
  356. <p class="from-them" style="width: 320px; max-width: 279px; margin-top: 20px;">
  357. <img src="https://i.imgur.com/CqjB83w.png" width="50px" align="right" style="border-radius:50%;">
  358. <b>The Main Bitch <span class="th th-butterfly-o"></span></b><br>
  359. I thought you said you would be here twenty minutes ago. You're late, bitch.
  360. </p>
  361. </div>
  362. </center>
  363. </div>
  364.  
  365.  
  366. <div style="width:250px; height:402px; display:inline-block; vertical-align:top; margin-right:-1px; text-align:center; padding-top:20px;">
  367. <a href="#iphoneHolder"><img src="https://i.imgur.com/ZDOUX5e.png" style="width: 224px; margin-top: -17px; z-index:1;"></a>
  368. <div id="faceTimeHolder">
  369. <a href="#iphoneHolder"><img src="https://i.imgur.com/Sk8V4Te.gif" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  370. </div>
  371.  
  372. <div id="lyftHolder">
  373. <a href="#iphoneHolder"><img src="https://i.imgur.com/Nlc59f7.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  374. </div>
  375.  
  376. <div id="cameraHolder">
  377. <a href="#iphoneHolder"><img src="https://i.imgur.com/ZVmmG98.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  378. </div>
  379.  
  380. <div id="safariHolder">
  381. <a href="#iphoneHolder"><img src="https://i.imgur.com/FcGYCYg.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  382. </div>
  383.  
  384. <div id="iphoneHolder">
  385. <img src="https://i.imgur.com/XR3OXWB.png" style="width: 224px; margin-top: -437px; margin-left: 13px; z-index: 1;">
  386. <div class="iPhoneQuote"></div>
  387. <div class="firstBlockIphone"><img src="https://i.imgur.com/XxGdfrs.png"></div>
  388. <div class="secondBlockIphone">
  389. <a href="#instagram"><img src="https://i.imgur.com/ZgY1JGQ.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  390. <a href="#contacts"><img src="https://i.imgur.com/j8VFNjx.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  391. <a href="#faceTimeHolder"><img src="https://i.imgur.com/yvZE8Ik.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  392. <a href="#lyftHolder"><img src="https://i.imgur.com/jvlCLr7.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  393.  
  394. </div>
  395. <div class="thirdBlockIphone">
  396. <a href="#hulu"><img src="https://i.imgur.com/9RYVO35.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  397. <a href="#cameraHolder"><img src="https://i.imgur.com/u0WewQD.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  398. <a href="#safariHolder"><img src="https://i.imgur.com/FhzPVoQ.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  399. <a href="#calendar"><img src="https://i.imgur.com/XnOPTiT.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  400.  
  401. </div>
  402. <div class="fourthBlockIphone"><img src="https://i.imgur.com/TXZcfM8.png"></div>
  403. <div class="bottomBarIphone">
  404. <a href="#phone"><img src="https://i.imgur.com/LMpsqpO.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
  405.  
  406. <a href="#messages"><img src="https://i.imgur.com/H4O2K6z.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
  407.  
  408.  
  409. <a href="#notes"><img src="https://i.imgur.com/Eahn9Gy.png" style="border-radius: 15px; margin-top: 5px;"></a>
  410. </div>
  411. </div>
  412. </div>
  413.  
  414. <div class="topBar">
  415. <h1 style="margin-right:208px;">My few good friends</h1>
  416. <a href="/" class="barrow">name</a>
  417. <a href="/" class="barrow">name</a>
  418. <a href="/" class="barrow">name</a>
  419. <a href="/" class="barrow">name</a>
  420. <a href="/" class="barrow">name</a>
  421. <a href="/" class="barrow">name</a>
  422. <a href="/" class="barrow">name</a>
  423. <a href="/" class="barrow">name</a>
  424. </div>
  425.  
  426. </div>
  427. </body>
  428. </html>
  429.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement