Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
- @import url('https://fonts.googleapis.com/css?family=Happy+Monkey');
- ::-webkit-scrollbar {
- width: 2px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- height: 10px;
- background-color: 4169E1;
- border: 0px ;
- width: 12px;
- }
- ::selection {
- color: D5ECFA;
- }
- hr.style15 {
- height: 1px;
- border-top: 2px dashed #87CEFA;
- text-align: center;
- }
- hr.style15:after {
- content: '';
- display: inline-block;
- position: relative;
- top: -15px;
- padding: 0 15px;
- background: #87CEFA;
- color: #87CEFA;
- font-size: 18px;
- }
- h1 {
- font-variant: normal;
- font-size: 24px;
- font-family: 'Berkshire Swash', cursive;
- color: ;
- }
- h2 {
- font-variant: normal;
- font-size: 10px;
- font-family: 'Happy Monkey', cursive;
- color: ;
- }
- body, a:hover {
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
- }
- body {
- background-image:url("https://i.imgur.com/9LJsryD.jpg");
- background-repeat: no-repeat;
- background-position: ;
- background-attachment: ;
- background-size: cover;
- cursor: crosshair;
- }
- body {
- background-color: #4169E1;
- }
- #bitch {position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;
- }
- #invis {
- position: fixed;
- top:-10px;
- left: 60px;
- height:80px;
- width:80px;
- z-index: 1;
- background-color: transparent;
- border: 2px;
- border-color: transparent;
- border-style: double;
- }
- #box {
- background-image:url("");
- background-position:center;
- background-size: cover;
- background-attachment: absolute;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- position:absolute;
- top: 360px;
- left: 405px;
- height: 280px;
- width: 280px;
- color:#4169E1;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #D5ECFA;
- border-style: double;
- }
- #image {
- overflow:hidden;
- position: absolute;
- right: -265px;
- height: 380px;
- width: 250px;
- top: -2px;
- z-index: 1;
- background-image: url('');
- background-position: center;
- background-size: cover;
- background-attachment: absolute;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #D5ECFA;
- border-style: double;
- }
- #image2 {
- overflow:hidden;
- position: absolute;
- right: -535px;
- height: 550px;
- width: 230px;
- top: -2px;
- z-index: 1;
- background-image: url('');
- background-position: center;
- background-size: cover;
- background-attachment: absolute;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #D5ECFA;
- border-style: double;
- }
- #placeholdertext {
- position: absolute;
- width: 225px;
- height: 220px;
- left: 13px;
- bottom: 10px;
- line-height: 12px;
- padding: 10px;
- margin: 1px;
- overflow:auto;
- opacity: 1;
- color: #87CEFA;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #87CEFA;
- border-style: solid;
- }
- #tab1 {
- position: absolute;
- z-index: 1;
- left: 390px;
- bottom: -560px;
- height: 40px;
- width: 40px;
- border-radius: 50%;
- box-shadow: 10px 8px 0 0 #87CEFA;
- }
- #tab2 {
- position: absolute;
- z-index: 1;
- left: 490px;
- bottom: -560px;
- height: 40px;
- width: 40px;
- border-radius: 50%;
- box-shadow: 10px 8px 0 0 #87CEFA;
- }
- #tab3 {
- position: absolute;
- z-index: 1;
- left: 590px;
- bottom: -560px;
- height: 40px;
- width: 40px;
- border-radius: 50%;
- box-shadow: 10px 8px 0 0 #87CEFA;
- }
- #placeholdertext1 {
- position: absolute;
- width: 195px;
- height: 515px;
- left: 5px;
- top: 5px;
- line-height: 12px;
- padding: 10px;
- margin: 1px;
- overflow:auto;
- opacity: 1;
- color: #87CEFA;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #87CEFA;
- border-style: solid;
- }
- #placeholdertext2 {
- position: absolute;
- width: 215px;
- height: 340px;
- left: 5px;
- top: 5px;
- line-height: 12px;
- padding: 10px;
- margin: 1px;
- overflow:auto;
- opacity: 1;
- color: #87CEFA;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #87CEFA;
- border-style: solid;
- }
- #image1 {
- position: absolute;
- top: 150px;
- left: 410px;
- height: 200px;
- width: 800px;
- z-index: 5;
- background-color: #FFE9AD;
- border: 2px;
- border-color: #87CEFA;
- border-style: solid;
- background-image: url('https://em.wattpad.com/fa9b12937f9d86d97f5f7a340325589409f38fd8/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f57574a63634361334f4f52542d413d3d2d3638333437323233332e31353762363238396636353838303366343034383438303737372e676966');
- background-position:top center;
- background-attachment: absolute;
- background-repeat: no-repeat;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- .musicplayer { position: fixed; bottom: 10; left: 10; height: 12; width: 34px; padding: 5px; padding-top: 5; overflow: hidden; z-index: 2000; background-color: #FDF6EC; text-align: center; border: 1px solid #DBB3C3; border-radius: ; }
- .song { float: center; margin-top: -23px; margin-left: -1px; height: 40px; width: 40px; overflow: hidden; opacity: 0; }
- </style>
- <div class="musicplayer">
- <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif">
- <div class="song">
- <audio controls>
- <source src="https://files.catbox.moe/cebhiz.mp3">
- </audio>
- </div></div>
- <div id="bitch" oncontextmenu="return false;">
- <div id="invis"><div id="image1"></div>
- <div id="box"><div id="image2"><div id="placeholdertext1"></div></div>
- <div id="image"><div id="placeholdertext2">
- <div style="height: 340px; overflow: hidden;">
- <a name="1"></a>
- <div style="height: 340px; overflow-y: auto;">
- <div style="margin: 0 auto; width: 12em;">
- <center><h1>Cracker Jack Boy</h1></center>
- <h2><center>"Tiddies."</center></h2>
- <hr class="style15">
- </div></div>
- <a name="2"></a>
- <div style="height: 340px; overflow-y: auto;">
- <div style="margin: 0 auto; width: 12em;">
- <center><h1>Cheonsa???</h1></center>
- <h2><center>"Finna Buy Ya Mama Off."</center></h2>
- <hr class="style15">
- </div></div>
- <a name="3"></a>
- <div style="height: 340px; overflow-y: auto;">
- <div style="margin: 0 auto; width: 12em;">
- <center><h1>Clappin' Cheeks</h1></center>
- <h2><center>"WHEN WE PULL UP DOMANGGA."</center></h2>
- <hr class="style15">
- </div></div></div></div></div>
- <div id="placeholdertext">
- <center><h1>The Joy & Laughter</h1></center>
- <h2><center>"Raging inferno. Raging internal."</center></h2>
- <hr class="style15">
- <center><h2>FC: JSeph from KARD. Placeholder for now.<br>No drama. Dm friendly to an extent. RL comes first always. OOC is not IC. Discord maybe.<br>(ノ◕ヮ◕)ノ*:・゚✧ Coded By D.M.<br><br>
- → S C R O L L ←</h2></center>
- <hr class="style15">
- </div></div>
- <a href="#2"><div id="tab1"></div></a>
- <a href="#3"><div id="tab2"></div></a>
- <a href="#1"><div id="tab3"></div></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement