Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $("body").mouseover(function(){
- var audio = document.getElementById("audio");
- audio.play();
- audio.volume = 0.05;
- });
- $(".trigger").click(function(){
- $(".trigger").delay(0) .animate({left: '100%'}, 0, 'linear');
- $(".mask").delay(0) .animate({height: '15%', width: '8%', top: '10%'}, 2000, 'linear');
- $(".maskb").delay(0) .animate({height: '15.8%', width: '8.4%', top: '9.6%'}, 2000, 'linear');
- $("#back").delay(0) .animate({top: '17%'}, 2000, 'linear');
- $(".e").delay(2000) .animate({opacity: '1'}, 10, 'linear');
- $(".back").delay(0) .animate({height: '65%'}, 1000, 'linear');
- $(".e").delay(0) .animate({height: '65%'}, 1000, 'linear');
- $(".main").delay(3000) .animate({opacity: '1'}, 1000, 'linear');
- $("#bar").delay(3000) .animate({opacity: '.8'}, 1000, 'linear');
- $(".floof").delay(3000) .animate({opacity: '1'}, 1000, 'linear');
- $("#tit1").delay(2500) .animate({opacity: '1', height: '4.5%', right: '61.3%'}, 1500, 'linear');
- });
- @import url('https://fonts.googleapis.com/css2?family=Shojumaru&family=Acme&display=swap');
- body {
- background-image:url(https://i.imgur.com/rLtH8Y5.jpg);
- background-position: center;
- background-color: #696969;
- overflow: hidden;
- }
- ::selection {color: #981D15; background-color:none; }
- ::-moz-selection {color: #981D15; background-color:none; }
- ::-webkit-scrollbar {
- width: .2vw;
- }
- ::-webkit-scrollbar-track {
- background-color:transparent;
- }
- ::-webkit-scrollbar-thumb {
- border-radius: 50%;
- background-color: black;
- }
- .trigger {
- position: absolute;
- margin: auto;
- top: 25%;
- right: 0; left: 0;
- height: 50%;
- width: 20%;
- cursor: pointer;
- z-index: 10;
- }
- .maskb {
- position: absolute;
- margin: auto;
- top: 22.4%;
- right: 0; left: 0;
- height: 51.2%;
- width: 25.6%;
- background-color: #981D15;
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- z-index: 4;
- }
- .maskb div {
- position: absolute;
- margin: auto;
- top: 0; bottom: 0;
- right: 0; left: 0;
- height: 98.7%;
- width: 98.7%;
- background-color: #000;
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- }
- .mask {
- position: absolute;
- margin: auto;
- top: 23%;
- right: 0; left: 0;
- height: 50%;
- width: 25%;
- background-image:url(https://i.imgur.com/3uYmKu9.jpg);
- background-position: center;
- background-size: auto 100%;
- background-repeat: no-repeat;
- background-color: #BAAEB0;
- clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
- z-index: 5;
- }
- .mask div {
- position: absolute;
- margin: auto;
- top: 0; bottom: 0
- right: 0; left: 0;
- height: 100%;
- width: 100%;
- background-image:;
- background:url(https://i.imgur.com/UooTfMO.png), radial-gradient(circle, rgba(254,243,102,1) 0%, rgba(0,0,0,0) 100%);
- background-position: 50% 75%, center;
- background-size: auto 85%, auto 100%;
- background-repeat: no-repeat;
- }
- .main {
- position: absolute;
- margin: auto;
- bottom: 17.7%;
- left: 25%;
- height: 100%;
- width:50%;
- background-image:url(https://i.imgur.com/iH9AaYq.png);
- background-position: center bottom;
- background-size: 100% auto;
- background-repeat: no-repeat;
- opacity: 0;
- z-index: 6;
- }
- .back {
- position: absolute;
- margin: auto;
- top: 49%;
- right: 0; left: 0;
- height: .5%;
- width: 50%;
- background-color: rgba(40, 58, 60, 255);
- background-image:url();
- z-index: 1;
- }
- .e {
- position: absolute;
- margin: auto;
- top: 16.6%;
- right: 0; left: 0;
- height: 1%;
- width: 50%;
- border: .3vw solid #CFA11F;
- border-radius: .5vw;
- box-shadow: .1vw .1vw 0vw #981D15, -.1vw -.1vw 0vw #000, .1vw -.1vw 0vw #981D15, -.1vw .1vw 0vw #000;
- opacity: 0;
- z-index: 2;
- }
- .floof {
- position: absolute;
- margin: auto;
- color: white;
- opacity: 0;
- overflow: auto;
- z-index: 3;
- }
- #info {
- top: 20%;
- right: 0%;
- background-color: rgba(40, 58, 60, 255);
- border: .2vw solid #CFA11F;
- height: 56%;
- width: 23%;
- color: #EABD3C;
- padding: 1vw;
- font-family: Acme;
- text-align: justify;
- text-shadow: 0 0 .5vw black;
- font-size: 1vw;
- z-index: 0;
- }
- h1 {
- margin-top: .5vw;
- margin-bottom: -2vw;
- height: 30%;
- letter-spacing: .3vw;
- font-weight: 500;
- font-size: 2vw;
- font-family: Shojumaru;
- font-variant: small-caps;
- text-align: center;
- text-shadow: .1vw .1vw 0vw #981D15, -.1vw -.1vw 0vw #000, .1vw -.1vw 0vw #981D15, -.1vw .1vw 0vw #000;
- }
- #bar {
- position: absolute;
- margin: auto;
- top: 0; bottom: 0;
- left: 25%;
- height: 40%;
- width: 50%;
- background-image:url();
- background-position: center bottom;
- background-size: 100% auto;
- opacity: 0;
- z-index: 2;
- }
- #tit1 {
- position: absolute;
- margin: auto;
- color: #EABD3C;
- font-family:Shojumaru;
- text-align: center;
- z-index: 0;
- top: 0; bottom: 0;
- right: 60%;
- height: .1%;
- width: 30%;
- letter-spacing: .5vw;
- font-weight: 900;
- font-size: 2vw;
- transform: rotate(-95deg) skew(5deg, 5deg);
- text-shadow: .1vw .1vw 0vw #981D15, -.1vw -.1vw 0vw #000, .1vw -.1vw 0vw #981D15, -.1vw .1vw 0vw #000;
- overflow: hidden;
- }
- .trash {
- position: absolute;
- margin: auto;
- top: 94%;
- left: 96%;
- background-image:url(https://i.imgur.com/gVPGFpz.png);
- background-size: auto 100%;
- background-position: center;
- background-repeat: no-repeat;
- height: 5%;
- width: 5%;
- cursor: pointer;
- z-index: 99;
- }
- ul.a {
- margin: auto;
- list-style-type: circle;
- }
- u {
- color: #981D15;
- }
- a:link {
- color: #981D15;
- text-decoration: none;
- font-variant: small-caps;
- }
- a:visited {
- color: D6C8AD;
- }
- a:hover {
- color: #000;
- text-shadow: 0 0 .5vw #fff;
- }
- a:active {
- color: #000;
- }
- big {
- font-weight: 900;
- font-variant: small-caps;
- }
- small {
- font-weight: 100;
- font-size: 1vw;
- font-variant: small-caps;
- }
- <audio id="audio" src="https://od.lk/s/ODVfMTc3MjkzOTdf/Shinobi%20Japanese%20Lofi%20HipHop%20Mix.mp3" ></audio>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=Raccoon" target="_blank"><div class="trash" title="Trash Codes"></div></a>
- <div class="trigger"></div>
- <div class="mask"><div></div></div>
- <div class="maskb"><div></div></div>
- <div id="tit1">Bramble The Oni</div>
- <div class="main"></div>
- <div class="back" id="back"></div>
- <div class="e"></div>
- <div id="bar"><div></div></div>
- <div class="floof" id="info"><div>
- <h1>【info】</h1>
- <center><div style="position: relative; text-align: left; width: 80%; height: auto; -webkit-mask-image: linear-gradient(to top, black 100%, transparent 0%);">
- Given name: <font style=float:right>Bramble</font><br>
- Gender: <font style=float:right> <a target="_blank" href="https://i.imgur.com/8YGtnmA.png"><b>Female</b></a></font><br>
- Age: <font style=float:right>28</font><br>
- Height: <font style=float:right>8'4"ft</font><br>
- Race: <font style=float:right>Oni<br></font><br>
- Orientation: <font style=float:right>Pansexual</font><br>
- Status: <font style=float:right>Seeking</font><br>
- Occupation: <font style=float:right>Lewd-Wrestler</font><br></div>
- <h1>【about】</h1>
- ReWorking Bramble
- <h1>【ooc】</h1>
- <ul class="a">
- <li>+Hello! PM Friendly </li>
- <li>+Try to start with a post</li>
- <li><a target="_blank" href="https://www.f-list.net/c/sexforthesinners/"><b>+WIP F-List</b></a></li>
- <li>+I enjoy all forms of RP</li>
- <li>+Please have a profile with at least an FC </li>
- <li>+Thanks for coming </li>
- </ul>
- </div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement