Advertisement
mebuckner

Custom Order - Chandler - Dark Rose Customization

Nov 24th, 2020
113
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.40 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/7UZUZov.png');
  19. background-size:cover;
  20. }
  21.  
  22. table, tr, td, li, p, div, .profileInfo td.text {
  23.     font-size: 10px;
  24.     color: #fff;
  25.     font-family: 'Playfair Display', sans-serif;}
  26.  
  27.  
  28. .container {
  29. width:900px;
  30. height:507px;
  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:#3e7077;
  46. }
  47.  
  48.  
  49.  
  50. a.topLineLink:link, a.topLineLink:visited {
  51. background-color: #3e7077;
  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: #3e7077;
  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: 126px;
  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: #fff;
  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: #fff;
  129.     display: inline-block;
  130.     vertical-align: top;
  131.     font-size: 12px;
  132.     margin-left: -118px;
  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: #fff;
  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: #3e7077;
  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:#d8c8bd;
  174. color:black;
  175. font-family: 'Playfair Display';
  176. font-size: 12px;
  177. font-weight: 100;
  178. text-align: left;
  179. min-height: 45px;
  180. }
  181.  
  182. #iphoneHolder{
  183. display:none;
  184. }
  185.  
  186. #iphoneHolder:target{
  187. display:block;
  188. position:absolute;
  189. background-image:url('https://i.imgur.com/GQrIZN2.png');
  190. }
  191.  
  192.  
  193. #faceTimeHolder{
  194. display:none;
  195. }
  196.  
  197. #faceTimeHolder:target{
  198. display:block;
  199. position:absolute;
  200. }
  201.  
  202. #lyftHolder{
  203. display:none;
  204. }
  205.  
  206. #lyftHolder:target{
  207. display:block;
  208. position:absolute;
  209. }
  210.  
  211. #instaHolder{
  212. display:none;
  213. }
  214.  
  215. #instaHolder:target{
  216. display:block;
  217. position:absolute;
  218. }
  219.  
  220. #notesHolder{
  221. display:none;
  222. }
  223.  
  224. #notesHolder:target{
  225. display:block;
  226. position:absolute;
  227. }
  228.  
  229. #imessageHolder{
  230. display:none;
  231. }
  232.  
  233. #imessageHolder:target{
  234. display:block;
  235. position:absolute;
  236. }
  237.  
  238. #callHolder{
  239. display:none;
  240. }
  241.  
  242. #callHolder:target{
  243. display:block;
  244. position:absolute;
  245. }
  246.  
  247. #huluHolder{
  248. display:none;
  249. }
  250.  
  251. #huluHolder:target{
  252. display:block;
  253. position:absolute;
  254. }
  255.  
  256.  
  257.  
  258. #contactHolder{
  259. display:none;
  260. }
  261.  
  262. #contactHolder:target{
  263. display:block;
  264. position:absolute;
  265. }
  266.  
  267. #cameraHolder{
  268. display:none;
  269. }
  270.  
  271. #cameraHolder:target{
  272. display:block;
  273. position:absolute;
  274. }
  275.  
  276. #safariHolder{
  277. display:none;
  278. }
  279.  
  280. #safariHolder:target{
  281. display:block;
  282. position:absolute;
  283. }
  284.  
  285. #calendarHolder{
  286. display:none;
  287. }
  288.  
  289. #calendarHolder:target{
  290. display:block;
  291. position:absolute;
  292. }
  293.  
  294.  
  295. .iPhoneQuote{
  296. width: 174px;
  297. height: 85px;
  298. background: #321d1d;
  299. margin-top: -288px;
  300. position: absolute;
  301. margin-left: 39px;
  302. border-radius: 17px;
  303. background-image:url('https://i.imgur.com/Ms474Gp.png');
  304. }
  305.  
  306. .firstBlockIphone{
  307.     width: 80px;
  308.     height: 80px;
  309.     position: absolute;
  310.     margin-top: -386px;
  311.     margin-left: 38px;
  312. }
  313.  
  314. .secondBlockIphone{
  315.     width: 90px;
  316.     height: 80px;
  317.     position: absolute;
  318.     margin-top: -386px;
  319.     margin-left: 125px;
  320. }
  321.  
  322. .thirdBlockIphone{
  323.     width: 90px;
  324.     height: 80px;
  325.     position: absolute;
  326.     margin-left: 37px;
  327.     margin-top: -185px;
  328. }
  329.  
  330. .fourthBlockIphone{
  331.     width: 80px;
  332.     height: 80px;
  333.     position: absolute;
  334.     margin-top: -185px;
  335.     margin-left: 131px;
  336. }
  337.  
  338. .bottomBarIphone{
  339. width: 178px;
  340.     height: 56px;
  341.     background: #0000008f;
  342.     position: absolute;
  343.     margin-top: -81px;
  344.     margin-left: 36px;
  345.     border-radius: 25px;
  346. }
  347.  
  348.  
  349.  
  350. ::-webkit-scrollbar {display:none;}
  351.  
  352.  
  353. .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>
  354. </style>
  355.  
  356.  
  357.  
  358.  
  359.  
  360. <!--like to meet-->
  361. <html>
  362. <body>
  363. <div class="container">
  364. <div class="topBar">
  365. <h1>Chandler Marie Cross</h1>
  366. <a href="/home.php" class="topLineLink">home</a>
  367. <a href="/add_comment.php?member_id=1642895" class="topLineLink">comment</a>
  368. <a href="/send_message.php?member_id=1642895" class="topLineLink">message</a>
  369. <a href="/albums.php?member_id=1642895" class="topLineLink">p0rnhub</a>
  370. <a href="/" class="topLineLink">owes</a>
  371. <a href="/" class="topLineLink">tumblr</a>
  372. <a href="" class="topLineLink">Tellonym</a>
  373. </div>
  374.  
  375. <div style="width:250px; height:402px; padding:20px; display:inline-block; vertical-align:top; padding-top:7px;">
  376. <p class="from-them">
  377. <img src="https://i.imgur.com/j13tlu6.png" width="50px" align="right">
  378. <b>Nashbrowns</b><br>
  379. see you in hell
  380. </p>
  381.  
  382. <p class="from-me">
  383. <img src="https://i.imgur.com/ibmGVc8.png" width="50px" align="left">
  384. <b>Chandler</b><br>
  385. uh are u askin me on a date? I accept
  386. </p>
  387.  
  388.  
  389.  
  390.  
  391. <div style="width: 252px; height: 230px; background: #54676d; margin-top: 2px; display: inline-block;">
  392.  
  393. <div style="width: 231px; background: #d8c8bd; margin-top: 10px; display: inline-block; margin-left: 5px; border-radius: 36px; padding: 5px;">
  394. <h2>Chandler Cross <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>
  395.  
  396. <div style="width: 240px; height: 162px; background: #54676d; margin-left: 5px; border-top: solid 1px #afafaf; margin-top: 5px; padding-top:5px; overflow:none;">
  397. <img src="https://i.imgur.com/ZLIxuKb.png" width="232px">
  398. <h3>Chandler Cross</h3>
  399. <h4>The Heartbreaker</h4>
  400. <br>
  401. <div style="margin-top: -16px; margin-left: 3px; display: inline-block;">
  402. <b>people also search for:</b> <b style="color:#222d79; margin-right:5px;">dogface</b>  <b style="color:#222d79; margin-right:5px;">small tits</b> <b style="color:#222d79; margin-right:5px;">annoying chick</b>
  403. </div>
  404. </div>
  405.  
  406.  
  407. </div>
  408.  
  409.  
  410. </div>
  411.  
  412. <div style="width:315px; height:402px; padding:20px; display:inline-block; vertical-align:top; text-align:center;">
  413. <center>
  414. <div style="width:315px; height: 330px;">
  415. <div style="width: 300px; height: 30px; padding: 5px; text-align: left; padding-left: 10; background: #54676d;">
  416. <img src="https://i.imgur.com/ibmGVc8.png" style="width:30px; border-radius:50%;">
  417. <h5>TrailerTrash</h5>
  418. </div>
  419. <div style="width:315px; height:235px;">
  420. <img src="https://i.imgur.com/ecfMC3d.png">
  421. </div>
  422. <div style="width:315px; height: 57px; background:#54676d; font-family:Playfair Display; font-size:12px; text-align:left; color:#fff;">
  423. <span class="th th-heart-1-o" style="margin-right: 5px;"></span> <span class="th th-chat-bubble-o" style="margin-right: 5px;"></span> <span class="th th-paper-plane-o" style="margin-right: 243px; margin-top: 5px; margin-bottom: 5px;"></span> <span class="th th-bookmark-1-o"></span><br>
  424. <b style="margin-left: 7px; margin-top: 0px; display: inline-block;">TrailerTrash</b> You've got a gypsy soul to blame. And you were born for leavin'.
  425. </div>
  426.  
  427. <p class="from-them" style="width: 320px; max-width: 285px; margin-top: 10px;">
  428. <img src="https://i.imgur.com/CTsfJ3s.png" width="50px" align="right" style="border-radius:50%;">
  429. <b>My Better Half <span class="th th-butterfly-o"></span></b><br>
  430. WOMAN! You. Me. Weed. Rum. on your rooftop. Let's go pee on some strawberries.
  431. </p>
  432. </div>
  433. </center>
  434. </div>
  435.  
  436.  
  437. <div style="width:250px; height:402px; display:inline-block; vertical-align:top; margin-right:-1px; text-align:center; padding-top:20px;">
  438. <a href="#iphoneHolder"><img src="https://i.imgur.com/ZDOUX5e.png" style="width: 224px; margin-top: -17px; z-index:1;"></a>
  439. <div id="faceTimeHolder">
  440. <a href="#iphoneHolder"><img src="https://i.imgur.com/BSpoIrC.gif" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  441. </div>
  442.  
  443. <div id="instaHolder">
  444. <a href="#iphoneHolder"><img src="https://i.imgur.com/qVTm68I.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  445. </div>
  446.  
  447. <div id="imessageHolder">
  448. <a href="#iphoneHolder"><img src="https://i.imgur.com/kYNXiUr.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  449. </div>
  450.  
  451. <div id="notesHolder">
  452. <a href="#iphoneHolder"><img src="https://i.imgur.com/Or6y186.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  453. </div>
  454.  
  455. <div id="callHolder">
  456. <a href="#iphoneHolder"><img src="https://i.imgur.com/Edckykp.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  457. </div>
  458.  
  459.  
  460. <div id="huluHolder">
  461. <a href="#iphoneHolder"><img src=https://i.imgur.com/INBeuBd.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  462. </div>
  463.  
  464. <div id="contactHolder">
  465. <a href="#iphoneHolder"><img src="https://i.imgur.com/Sqd1Er6.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  466. </div>
  467.  
  468. <div id="lyftHolder">
  469. <a href="#iphoneHolder"><img src="https://i.imgur.com/0FvsUTG.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  470. </div>
  471.  
  472. <div id="cameraHolder">
  473. <a href="#iphoneHolder"><img src="https://i.imgur.com/WAqz9ma.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  474. </div>
  475.  
  476. <div id="safariHolder">
  477. <a href="#iphoneHolder"><img src="https://i.imgur.com/4hNYGFe.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  478. </div>
  479.  
  480. <div id="calendarHolder">
  481. <a href="#iphoneHolder"><img src="https://i.imgur.com/wBam9SR.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
  482. </div>
  483.  
  484.  
  485. <div id="iphoneHolder">
  486. <img src="https://i.imgur.com/GQrIZN2.png" style="width: 224px; margin-top: -437px; margin-left: 13px; z-index: 1;">
  487. <div class="iPhoneQuote"></div>
  488. <div class="firstBlockIphone"><img src="https://i.imgur.com/cf6R4Va.png"></div>
  489. <div class="secondBlockIphone">
  490. <a href="#instaHolder"><img src="https://i.imgur.com/PA8gHe6.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  491. <a href="#contactHolder"><img src="https://i.imgur.com/2lT7i17.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  492. <a href="#faceTimeHolder"><img src="https://i.imgur.com/67vidNk.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  493. <a href="#lyftHolder"><img src="https://i.imgur.com/llMyAmV.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  494.  
  495. </div>
  496. <div class="thirdBlockIphone">
  497. <a href="#huluHolder"><img src="https://i.imgur.com/D3dMixl.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  498. <a href="#cameraHolder"><img src="https://i.imgur.com/6x9tefC.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
  499. <a href="#safariHolder"><img src="https://i.imgur.com/kfSyWQr.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  500. <a href="#calendarHolder"><img src="https://i.imgur.com/XNo8cfx.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
  501.  
  502. </div>
  503. <div class="fourthBlockIphone"><img src="https://i.imgur.com/uKNynuV.png"></div>
  504. <div class="bottomBarIphone">
  505. <a href="#callHolder"><img src="https://i.imgur.com/7p29IIK.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
  506.  
  507. <a href="#imessageHolder"><img src="https://i.imgur.com/eHO6xZt.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
  508.  
  509.  
  510. <a href="#notesHolder"><img src="https://i.imgur.com/2Ytk3sK.png" style="border-radius: 15px; margin-top: 5px;"></a>
  511. </div>
  512. </div>
  513. </div>
  514.  
  515. <div class="topBar" style="margin-top: 7px;">
  516. <h1 style="margin-right:196px;">My few good friends</h1>
  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. <a href="/" class="barrow">name</a>
  523. <a href="/" class="barrow">name</a>
  524. <a href="/" class="barrow">name</a>
  525. </div>
  526.  
  527. </div>
  528. </body>
  529. </html>
  530.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement