Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body>
- <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet'>
- <link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet'>
- <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet">
- <style>
- body {background-color: F7DADF; background-size: 100px;}
- body a {color: #000; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
- body a:hover {color: #000;}
- ::-webkit-scrollbar {width: 3px;}
- ::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey;}
- ::-webkit-scrollbar-thumb {background-color: white;}
- #image {position: fixed; bottom: -100px; left: 350px; width: 329px; height: 550px; background-image: url(http://i.picpar.com/CXmd.png); background-size: 100%; background-repeat: no-repeat; z-index: 5; pointer-events: none;}
- #name {position: fixed; bottom: 280px; left: 370px; width: 200px; height: 100px; font-family: Pacifico; font-size: 70px; color: #fff; text-shadow: 2px 2px 1px #941646; z-index: 5;}
- #phone {position: fixed; bottom: 105px; left: 720px; width: 275px; height: 488px; background-image: url(https://i.imgur.com/iEqBTiu.png); background-size: cover; background-repeat: no-repeat; z-index: 6; pointer-events: none;}
- #phonescreen {position: fixed; bottom: 181px; left: 760px; width: 195px; height: 329px; background-image: url(https://i.imgur.com/s9aGW5T.png); background-size: cover; z-index: 3; pointer-events: none;}
- #charm {position: fixed; bottom: 5px; left: 810px; width: 147px; height: 139px; background-image: url(https://cdn.discordapp.com/attachments/318163839042584588/547588436144553995/crowncharm.png); background-size: cover; z-index: 5;}
- #notif {position: fixed; bottom: 510px; left: 759px; width: 195px; height: 80px; background-color: white; z-index: 4; -webkit-animation: notification 0.7s -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1s; animation: notification 0.7s; animation-fill-mode: forwards; animation-delay: 4s;}
- #notiftitle {position: absolute; top: 10px; left: 30px; width: 30px; height: 10px; font-family: Indie Flower; color: #FF93A3; font-size: 14px;}
- #notificon {position: absolute; top: 12px; left: 10px; width: 15px; height: 15px; background-image: url(https://i.imgur.com/CCcJbyF.png); background-size: cover;}
- #notifmessage {position: absolute; top: 30px; left: 20px; width: 150px; height: 10px; font-family: Indie Flower; color: #FF93A3; font-size: 13px; line-height: 15px;}
- #notifopen {position: absolute; top: 62px; left: 150px; width: 150px; height: 10px; font-family: Calibri; color: #FF93A3; font-size: 12px; line-height: 15px;}
- @keyframes notification {
- 0% {bottom: 510px;}
- 100% {bottom: 440px;}
- }
- @-webkit-keyframes notification {
- 0% {bottom: 510px;}
- 100% {bottom: 440px;}
- }
- c {color: #fff; background-color: #941646; padding: 3px; line-height: 45px; word-spacing: 2; text-decoration: strong;}
- .text {position: fixed; bottom: 400px; left: 850px; width: 1px; height: 1px; font-family: 'Architects Daughter', cursive; font-size: 12px; text-align: center; background-color: white; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; pointer-events: none; z-index: 5; overflow: hidden;}
- .text:target {bottom: 181px; left: 760px; width: 195px; height: 329px; pointer-events: auto;}
- #textbox {position: absolute; top: 10px; left: 10px; width: 173px; height: 150px;}
- #split {position: absolute; top: 150px; left: 30px; width: 68%; height: 1px; background-color: #555;}
- #picbox {position: absolute; bottom: 30px; left: 2px; width: 200px; height: 110px; overflow: none;}
- #picbox img {width: 50px; height: 100px;}
- #hidden {position: absolute; top: 59px; left: 101px; width: 33px; height: 17px; text-align: center; color: #000; font-family: 'Architects Daughter', cursive; font-size: 11px; background-color: #941646; padding: 1px; word-spacing: 2; text-decoration: strong; opacity: 0; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
- #hidden:hover {opacity: 1;}
- #bottomimg {position: absolute; bottom: 0px; left: 0px; width: 194px; height: 57px; background-image: url(http://i.picpar.com/Dojd.jpg); background-size: cover; pointer-events: none; overflow: none;}
- </style>
- <div id="image"></div>
- <div id="name">»babygirl«</div>
- <div id="phone"></div>
- <div id="phonescreen"></div>
- <div id="charm"><a href="#reset"><img src="https://cdn.discordapp.com/attachments/318163839042584588/547588436144553995/crowncharm.png"></a></div>
- <div id="notif">
- <div id="notiftitle">Twatter</div>
- <div id="notificon"></div>
- <div id="notifmessage">You have 1 k+ notifications!</div>
- <div id="notifopen"><a href="#profile"><b>OPEN</b></a></div>
- </div>
- <div id="profile" class="text">
- <div id="textbox">
- <c>Tessa</c> <c>19</c> <c>heterosexual</c>
- <br>
- <c>5'4</c> <c>picky</c> <c>model</c>
- <div id="hidden"><a href= "https://i.imgur.com/ptRA9j1.jpg" target="_blank">e-girl</a></div>
- <br>
- <c>single</c> <c>spoiled</c>
- <br>
- <c>gallery</c>
- </div>
- <div id="split"></div>
- <div id="picbox">
- <a target="_blank" href="http://i.picpar.com/EXmd.png"><img src="http://i.picpar.com/EXmd.png"></a>
- <a target="_blank" href="http://i.picpar.com/FXmd.jpg"><img src="http://i.picpar.com/FXmd.jpg"></a>
- <a target="_blank" href="http://i.picpar.com/GXmd.png"><img src="http://i.picpar.com/GXmd.png"></a>
- </div>
- <div id="bottomimg"></div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement