Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--about me-->
- <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
- <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
- rel="stylesheet">
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
- body {
- background-color:#232426;
- background-repeat:no-repeat;
- background-attachment:fixed;
- margin: 0;
- overflow:auto;
- background-image:url('https://i.imgur.com/7UZUZov.png');
- background-size:cover;
- }
- table, tr, td, li, p, div, .profileInfo td.text {
- font-size: 10px;
- color: #fff;
- font-family: 'Playfair Display', sans-serif;}
- .container {
- width:900px;
- height:507px;
- position:absolute;
- left:0;
- right:0;
- top:0;
- bottom:0;
- overflow:hidden;
- margin:auto;
- color:#fff;
- background-color:#fff;
- font-family: 'Abel', sans-serif;
- }
- .topBar{
- width:900px;
- background:#3e7077;
- }
- a.topLineLink:link, a.topLineLink:visited {
- background-color: #3e7077;
- color: white;
- padding: 9px 13px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-family: Georgia;
- font-size: 10px;
- text-transform: uppercase;
- width: 59px;
- font-weight:100;
- }
- a.topLineLink:hover, a.topLineLink:active {
- color: #839a92;
- }
- a.barrow:link, a.barrow:visited {
- background-color: #3e7077;
- color: white;
- padding: 9px 5px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-family: Georgia;
- font-size: 10px;
- text-transform: uppercase;
- width: 57px;
- font-weight:100;
- }
- a.barrow:hover, a.barrow:active {
- color: #839a92;
- }
- h1{
- font-family: 'Playfair Display', serif;
- font-weight: 100;
- text-transform: uppercase;
- color: #fff;
- display: inline-block;
- vertical-align: top;
- font-size: 12px;
- margin-top: 5px;
- margin-left: 10px;
- margin-right: 126px;
- }
- h2{
- font-family: 'Playfair Display', serif;
- font-weight: 100;
- color: #fff;
- display: inline-block;
- vertical-align: top;
- font-size: 12px;
- margin-left: 10px;
- }
- h3{
- font-family: 'Playfair Display', serif;
- font-weight: 100;
- color: #fff;
- display: inline-block;
- vertical-align: top;
- font-size: 17px;
- margin-left: 1px;
- margin-top: 0px;
- }
- h4{
- font-family: 'Playfair Display', serif;
- font-weight: 100;
- color: #fff;
- display: inline-block;
- vertical-align: top;
- font-size: 12px;
- margin-left: -118px;
- margin-top: 20px;
- }
- h5{
- font-family: 'Playfair Display', serif;
- font-weight: 100;
- text-transform: uppercase;
- color: #fff;
- display: inline-block;
- vertical-align: top;
- font-size: 12px;
- margin-top: 5px;
- margin-left: 10px;
- margin-right: 79px;
- }
- p {
- max-width: 255px;
- word-wrap: break-word;
- margin-bottom: 12px;
- padding:10px 20px;
- border-radius:25px;
- }
- .from-me {
- color: white;
- background: #3e7077;
- align-self: flex-end;
- font-family: 'Playfair Display';
- font-size: 12px;
- font-weight: 100;
- text-align: right;
- }
- .from-them {
- background:#d8c8bd;
- color:black;
- font-family: 'Playfair Display';
- font-size: 12px;
- font-weight: 100;
- text-align: left;
- min-height: 45px;
- }
- #iphoneHolder{
- display:none;
- }
- #iphoneHolder:target{
- display:block;
- position:absolute;
- background-image:url('https://i.imgur.com/GQrIZN2.png');
- }
- #faceTimeHolder{
- display:none;
- }
- #faceTimeHolder:target{
- display:block;
- position:absolute;
- }
- #lyftHolder{
- display:none;
- }
- #lyftHolder:target{
- display:block;
- position:absolute;
- }
- #instaHolder{
- display:none;
- }
- #instaHolder:target{
- display:block;
- position:absolute;
- }
- #notesHolder{
- display:none;
- }
- #notesHolder:target{
- display:block;
- position:absolute;
- }
- #imessageHolder{
- display:none;
- }
- #imessageHolder:target{
- display:block;
- position:absolute;
- }
- #callHolder{
- display:none;
- }
- #callHolder:target{
- display:block;
- position:absolute;
- }
- #huluHolder{
- display:none;
- }
- #huluHolder:target{
- display:block;
- position:absolute;
- }
- #contactHolder{
- display:none;
- }
- #contactHolder:target{
- display:block;
- position:absolute;
- }
- #cameraHolder{
- display:none;
- }
- #cameraHolder:target{
- display:block;
- position:absolute;
- }
- #safariHolder{
- display:none;
- }
- #safariHolder:target{
- display:block;
- position:absolute;
- }
- #calendarHolder{
- display:none;
- }
- #calendarHolder:target{
- display:block;
- position:absolute;
- }
- .iPhoneQuote{
- width: 174px;
- height: 85px;
- background: #321d1d;
- margin-top: -288px;
- position: absolute;
- margin-left: 39px;
- border-radius: 17px;
- background-image:url('https://i.imgur.com/Ms474Gp.png');
- }
- .firstBlockIphone{
- width: 80px;
- height: 80px;
- position: absolute;
- margin-top: -386px;
- margin-left: 38px;
- }
- .secondBlockIphone{
- width: 90px;
- height: 80px;
- position: absolute;
- margin-top: -386px;
- margin-left: 125px;
- }
- .thirdBlockIphone{
- width: 90px;
- height: 80px;
- position: absolute;
- margin-left: 37px;
- margin-top: -185px;
- }
- .fourthBlockIphone{
- width: 80px;
- height: 80px;
- position: absolute;
- margin-top: -185px;
- margin-left: 131px;
- }
- .bottomBarIphone{
- width: 178px;
- height: 56px;
- background: #0000008f;
- position: absolute;
- margin-top: -81px;
- margin-left: 36px;
- border-radius: 25px;
- }
- ::-webkit-scrollbar {display:none;}
- .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>
- </style>
- <!--like to meet-->
- <html>
- <body>
- <div class="container">
- <div class="topBar">
- <h1>Chandler Marie Cross</h1>
- <a href="/home.php" class="topLineLink">home</a>
- <a href="/add_comment.php?member_id=1642895" class="topLineLink">comment</a>
- <a href="/send_message.php?member_id=1642895" class="topLineLink">message</a>
- <a href="/albums.php?member_id=1642895" class="topLineLink">p0rnhub</a>
- <a href="/" class="topLineLink">owes</a>
- <a href="/" class="topLineLink">tumblr</a>
- <a href="" class="topLineLink">Tellonym</a>
- </div>
- <div style="width:250px; height:402px; padding:20px; display:inline-block; vertical-align:top; padding-top:7px;">
- <p class="from-them">
- <img src="https://i.imgur.com/j13tlu6.png" width="50px" align="right">
- <b>Nashbrowns</b><br>
- see you in hell
- </p>
- <p class="from-me">
- <img src="https://i.imgur.com/ibmGVc8.png" width="50px" align="left">
- <b>Chandler</b><br>
- uh are u askin me on a date? I accept
- </p>
- <div style="width: 252px; height: 230px; background: #54676d; margin-top: 2px; display: inline-block;">
- <div style="width: 231px; background: #d8c8bd; margin-top: 10px; display: inline-block; margin-left: 5px; border-radius: 36px; padding: 5px;">
- <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>
- <div style="width: 240px; height: 162px; background: #54676d; margin-left: 5px; border-top: solid 1px #afafaf; margin-top: 5px; padding-top:5px; overflow:none;">
- <img src="https://i.imgur.com/ZLIxuKb.png" width="232px">
- <h3>Chandler Cross</h3>
- <h4>The Heartbreaker</h4>
- <br>
- <div style="margin-top: -16px; margin-left: 3px; display: inline-block;">
- <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>
- </div>
- </div>
- </div>
- </div>
- <div style="width:315px; height:402px; padding:20px; display:inline-block; vertical-align:top; text-align:center;">
- <center>
- <div style="width:315px; height: 330px;">
- <div style="width: 300px; height: 30px; padding: 5px; text-align: left; padding-left: 10; background: #54676d;">
- <img src="https://i.imgur.com/ibmGVc8.png" style="width:30px; border-radius:50%;">
- <h5>TrailerTrash</h5>
- </div>
- <div style="width:315px; height:235px;">
- <img src="https://i.imgur.com/ecfMC3d.png">
- </div>
- <div style="width:315px; height: 57px; background:#54676d; font-family:Playfair Display; font-size:12px; text-align:left; color:#fff;">
- <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>
- <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'.
- </div>
- <p class="from-them" style="width: 320px; max-width: 285px; margin-top: 10px;">
- <img src="https://i.imgur.com/CTsfJ3s.png" width="50px" align="right" style="border-radius:50%;">
- <b>My Better Half <span class="th th-butterfly-o"></span></b><br>
- WOMAN! You. Me. Weed. Rum. on your rooftop. Let's go pee on some strawberries.
- </p>
- </div>
- </center>
- </div>
- <div style="width:250px; height:402px; display:inline-block; vertical-align:top; margin-right:-1px; text-align:center; padding-top:20px;">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/ZDOUX5e.png" style="width: 224px; margin-top: -17px; z-index:1;"></a>
- <div id="faceTimeHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/BSpoIrC.gif" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="instaHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/qVTm68I.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="imessageHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/kYNXiUr.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="notesHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/Or6y186.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="callHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/Edckykp.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="huluHolder">
- <a href="#iphoneHolder"><img src=https://i.imgur.com/INBeuBd.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="contactHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/Sqd1Er6.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="lyftHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/0FvsUTG.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="cameraHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/WAqz9ma.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="safariHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/4hNYGFe.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="calendarHolder">
- <a href="#iphoneHolder"><img src="https://i.imgur.com/wBam9SR.png" style="width: 224px; margin-top: -439px; margin-left: 15px; z-index: 1;"></a>
- </div>
- <div id="iphoneHolder">
- <img src="https://i.imgur.com/GQrIZN2.png" style="width: 224px; margin-top: -437px; margin-left: 13px; z-index: 1;">
- <div class="iPhoneQuote"></div>
- <div class="firstBlockIphone"><img src="https://i.imgur.com/cf6R4Va.png"></div>
- <div class="secondBlockIphone">
- <a href="#instaHolder"><img src="https://i.imgur.com/PA8gHe6.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
- <a href="#contactHolder"><img src="https://i.imgur.com/2lT7i17.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
- <a href="#faceTimeHolder"><img src="https://i.imgur.com/67vidNk.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
- <a href="#lyftHolder"><img src="https://i.imgur.com/llMyAmV.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
- </div>
- <div class="thirdBlockIphone">
- <a href="#huluHolder"><img src="https://i.imgur.com/D3dMixl.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
- <a href="#cameraHolder"><img src="https://i.imgur.com/6x9tefC.png" style="margin-top:-3px; width:40px; border-radius:15px;"></a>
- <a href="#safariHolder"><img src="https://i.imgur.com/kfSyWQr.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
- <a href="#calendarHolder"><img src="https://i.imgur.com/XNo8cfx.png" style="margin-top:5px; width:40px; border-radius:15px;"></a>
- </div>
- <div class="fourthBlockIphone"><img src="https://i.imgur.com/uKNynuV.png"></div>
- <div class="bottomBarIphone">
- <a href="#callHolder"><img src="https://i.imgur.com/7p29IIK.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
- <a href="#imessageHolder"><img src="https://i.imgur.com/eHO6xZt.png" style="border-radius: 15px; margin-top: 5px; margin-right: 5px;"></a>
- <a href="#notesHolder"><img src="https://i.imgur.com/2Ytk3sK.png" style="border-radius: 15px; margin-top: 5px;"></a>
- </div>
- </div>
- </div>
- <div class="topBar" style="margin-top: 7px;">
- <h1 style="margin-right:196px;">My few good friends</h1>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- <a href="/" class="barrow">name</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement