mebuckner

Dark Rose - DO NOT USE

Nov 24th, 2020
792
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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/rBhwlsl.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: 59px;
  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: 86px;
  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. #instaHolder{
  211. display:none;
  212. }
  213.  
  214. #instaHolder:target{
  215. display:block;
  216. position:absolute;
  217. }
  218.  
  219. #notesHolder{
  220. display:none;
  221. }
  222.  
  223. #notesHolder:target{
  224. display:block;
  225. position:absolute;
  226. }
  227.  
  228. #imessageHolder{
  229. display:none;
  230. }
  231.  
  232. #imessageHolder:target{
  233. display:block;
  234. position:absolute;
  235. }
  236.  
  237. #callHolder{
  238. display:none;
  239. }
  240.  
  241. #callHolder:target{
  242. display:block;
  243. position:absolute;
  244. }
  245.  
  246. #huluHolder{
  247. display:none;
  248. }
  249.  
  250. #huluHolder:target{
  251. display:block;
  252. position:absolute;
  253. }
  254.  
  255.  
  256.  
  257. #contactHolder{
  258. display:none;
  259. }
  260.  
  261. #contactHolder:target{
  262. display:block;
  263. position:absolute;
  264. }
  265.  
  266. #cameraHolder{
  267. display:none;
  268. }
  269.  
  270. #cameraHolder:target{
  271. display:block;
  272. position:absolute;
  273. }
  274.  
  275. #safariHolder{
  276. display:none;
  277. }
  278.  
  279. #safariHolder:target{
  280. display:block;
  281. position:absolute;
  282. }
  283.  
  284. #calendarHolder{
  285. display:none;
  286. }
  287.  
  288. #calendarHolder:target{
  289. display:block;
  290. position:absolute;
  291. }
  292.  
  293.  
  294. .iPhoneQuote{
  295. width: 174px;
  296. height: 85px;
  297. background: #321d1d;
  298. margin-top: -288px;
  299. position: absolute;
  300. margin-left: 39px;
  301. border-radius: 17px;
  302. background-image:url('https://i.imgur.com/LndlquA.png');
  303. }
  304.  
  305. .firstBlockIphone{
  306.     width: 80px;
  307.     height: 80px;
  308.     position: absolute;
  309.     margin-top: -386px;
  310.     margin-left: 38px;
  311. }
  312.  
  313. .secondBlockIphone{
  314.     width: 90px;
  315.     height: 80px;
  316.     position: absolute;
  317.     margin-top: -386px;
  318.     margin-left: 125px;
  319. }
  320.  
  321. .thirdBlockIphone{
  322.     width: 90px;
  323.     height: 80px;
  324.     position: absolute;
  325.     margin-left: 37px;
  326.     margin-top: -185px;
  327. }
  328.  
  329. .fourthBlockIphone{
  330.     width: 80px;
  331.     height: 80px;
  332.     position: absolute;
  333.     margin-top: -185px;
  334.     margin-left: 131px;
  335. }
  336.  
  337. .bottomBarIphone{
  338. width: 178px;
  339.     height: 56px;
  340.     background: #0000008f;
  341.     position: absolute;
  342.     margin-top: -81px;
  343.     margin-left: 36px;
  344.     border-radius: 25px;
  345. }
  346.  
  347.  
  348.  
  349. ::-webkit-scrollbar {display:none;}
  350.  
  351.  
  352. .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>
  353. </style>
  354.  
  355.  
  356.  
  357.  
  358.  
  359. <!--like to meet-->
  360. <html>
  361. <body>
  362. <div class="container">
  363. <div class="topBar">
  364. <h1>Isabella Marie King</h1>
  365. <a href="/home.php" class="topLineLink">home</a>
  366. <a href="/send_message.php?member_id=1657003" class="topLineLink">message</a>
  367. <a href="/add_comment.php?member_id=1657003" class="topLineLink">comment</a>
  368. <a href="/status_stream.php?member_id=1657003" class="topLineLink">stream</a>
  369. <a href="/view_member_blog.php?member_id=1657003" class="topLineLink">blog</a>
  370. <a href="https://www.roleplayer.me/view_blog.php?id=0000490264" class="topLineLink" style="width:119px;">owes and storylines</a>
  371. <a href="" class="topLineLink">tumblr</a>
  372. </div>
  373.  
  374. <div style="width:250px; height:402px; padding:20px; display:inline-block; vertical-align:top; padding-top:7px;">
  375. <p class="from-me">
  376. <img src="https://i.imgur.com/UqgeRrz.png" width="50px" align="left">
  377. <b>Bella</b><br>
  378. Running behind, check on the wedding party to see if they need anything else?
  379. </p>
  380. <p class="from-them">
  381. <img src="https://i.imgur.com/El96MDi.png" width="50px" align="right">
  382. <b>Assistant <span class="th th-heart-1-o"></span></b><br>
  383. Already did, they wanted Clorox...weird, but handled.
  384. </p>
  385.  
  386.  
  387.  
  388. <div style="width: 252px; height: 230px; background: #cacaca; margin-top: 2px; display: inline-block;">
  389.  
  390. <div style="width: 231px; background: #a19b93; margin-top: 10px; display: inline-block; margin-left: 5px; border-radius: 36px; padding: 5px;">
  391. <h2>Isabella King <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>
  392.  
  393. <div style="width: 240px; height: 162px; background: #cacaca; margin-left: 5px; border-top: solid 1px #afafaf; margin-top: 5px; padding-top:5px; overflow:none;">
  394. <img src="https://i.imgur.com/G6n9awR.png" width="232px">
  395. <h3>Isabella King</h3>
  396. <h4>Heiress to King Hotel Group</h4>
  397. <br>
  398. <div style="margin-top: -12px; margin-left: 3px; display: inline-block;">
  399. <b>people also search for:</b> <b style="color:#792223; margin-right:5px;">Richard King</b>  <b style="color:#792223; margin-right:5px;">The King Hotel</b> <b style="color:#792223; margin-right:5px;">Train Explosion</b>
  400. </div>
  401. </div>
  402.  
  403.  
  404. </div>
  405.  
  406.  
  407. </div>
  408.  
  409. <div style="width:315px; height:402px; padding:20px; display:inline-block; vertical-align:top; text-align:center;">
  410. <center>
  411. <div style="width:315px; height: 330px;">
  412. <div style="width: 300px; height: 30px; padding: 5px; text-align: left; padding-left: 10; background: #cacaca;">
  413. <img src="https://i.imgur.com/7Ql3xH7.png" style="width:30px; border-radius:50%;">
  414. <h5>crownedxbich</h5>
  415. </div>
  416. <div style="width:315px; height:235px;">
  417. <img src="https://i.imgur.com/XMOus2m.png">
  418. </div>
  419. <div style="width:315px; height: 57px; background:#cacaca; font-family:Playfair Display; font-size:12px; text-align:left; color:#000;">
  420. <img src="https://i.imgur.com/c0BkoKN.png"><br>
  421. <b style="margin-left: 7px; margin-top: 0px; display: inline-block;">crownedxbich</b> You've got a gypsy soul to blame. And you were born for leavin'.
  422. </div>
  423.  
  424. <p class="from-them" style="width: 320px; max-width: 279px; margin-top: 10px;">
  425. <img src="https://i.imgur.com/CqjB83w.png" width="50px" align="right" style="border-radius:50%;">
  426. <b>The Main Bitch <span class="th th-butterfly-o"></span></b><br>
  427. I thought you said you would be here twenty minutes ago. You're late, bitch.
  428. </p>
  429. </div>
  430. </center>
  431. </div>
  432.  
  433.  
  434. <div style="width:250px; height:402px; display:inline-block; vertical-align:top; margin-right:-1px; text-align:center; padding-top:20px;">
  435. <a href="#iphoneHolder"><img src="https://i.imgur.com/ZDOUX5e.png" style="width: 224px; margin-top: -17px; z-index:1;"></a>
  436. <div id="faceTimeHolder">
  437. <a href="#iphoneHolder"><img src="https://i.imgur.com/Sk8V4Te.gif" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  438. </div>
  439.  
  440. <div id="instaHolder">
  441. <a href="#iphoneHolder"><img src="https://i.imgur.com/rHB0QkF.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  442. </div>
  443.  
  444. <div id="imessageHolder">
  445. <a href="#iphoneHolder"><img src="https://i.imgur.com/v8GSmY4.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  446. </div>
  447.  
  448. <div id="notesHolder">
  449. <a href="#iphoneHolder"><img src="https://i.imgur.com/CrXhaOJ.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  450. </div>
  451.  
  452. <div id="callHolder">
  453. <a href="#iphoneHolder"><img src="https://i.imgur.com/bjVOYz1.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  454. </div>
  455.  
  456.  
  457. <div id="huluHolder">
  458. <a href="#iphoneHolder"><img src=https://i.imgur.com/kOXFBYx.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  459. </div>
  460.  
  461. <div id="contactHolder">
  462. <a href="#iphoneHolder"><img src="https://i.imgur.com/TUC3P4p.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  463. </div>
  464.  
  465. <div id="lyftHolder">
  466. <a href="#iphoneHolder"><img src="https://i.imgur.com/Nlc59f7.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  467. </div>
  468.  
  469. <div id="cameraHolder">
  470. <a href="#iphoneHolder"><img src="https://i.imgur.com/ZVmmG98.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  471. </div>
  472.  
  473. <div id="safariHolder">
  474. <a href="#iphoneHolder"><img src="https://i.imgur.com/nlECTA7.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  475. </div>
  476.  
  477. <div id="calendarHolder">
  478. <a href="#iphoneHolder"><img src="https://i.imgur.com/uFSVK7g.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  479. </div>
  480.  
  481.  
  482. <div id="iphoneHolder">
  483. <img src="https://i.imgur.com/XR3OXWB.png" style="width: 224px; margin-top: -437px; margin-left: 13px; z-index: 1;">
  484. <div class="iPhoneQuote"></div>
  485. <div class="firstBlockIphone"><img src="https://i.imgur.com/XxGdfrs.png"></div>
  486. <div class="secondBlockIphone">
  487. <a href="#instaHolder"><img src="https://i.imgur.com/ZgY1JGQ.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  488. <a href="#contactHolder"><img src="https://i.imgur.com/j8VFNjx.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  489. <a href="#faceTimeHolder"><img src="https://i.imgur.com/yvZE8Ik.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  490. <a href="#lyftHolder"><img src="https://i.imgur.com/jvlCLr7.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  491.  
  492. </div>
  493. <div class="thirdBlockIphone">
  494. <a href="#huluHolder"><img src="https://i.imgur.com/9RYVO35.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  495. <a href="#cameraHolder"><img src="https://i.imgur.com/u0WewQD.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  496. <a href="#safariHolder"><img src="https://i.imgur.com/FhzPVoQ.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  497. <a href="#calendarHolder"><img src="https://i.imgur.com/XnOPTiT.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  498.  
  499. </div>
  500. <div class="fourthBlockIphone"><img src="https://i.imgur.com/TXZcfM8.png"></div>
  501. <div class="bottomBarIphone">
  502. <a href="#callHolder"><img src="https://i.imgur.com/LMpsqpO.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
  503.  
  504. <a href="#imessageHolder"><img src="https://i.imgur.com/H4O2K6z.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
  505.  
  506.  
  507. <a href="#notesHolder"><img src="https://i.imgur.com/Eahn9Gy.png" style="border-radius: 15px; margin-top: 5px;"></a>
  508. </div>
  509. </div>
  510. </div>
  511.  
  512. <div class="topBar">
  513. <h1 style="margin-right:196px;">My few good friends</h1>
  514. <a href="/" class="barrow">name</a>
  515. <a href="/" class="barrow">name</a>
  516. <a href="/" class="barrow">name</a>
  517. <a href="/" class="barrow">name</a>
  518. <a href="/" class="barrow">name</a>
  519. <a href="/" class="barrow">name</a>
  520. <a href="/" class="barrow">name</a>
  521. <a href="/" class="barrow">name</a>
  522. </div>
  523.  
  524. </div>
  525. </body>
  526. </html>
  527.  
RAW Paste Data