Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <body>
- <script defer>
- window.onload = function() {
- var isCtrl = false;
- document.onkeyup=function(e)
- {
- if(e.which == 17)
- isCtrl=false;
- }
- document.onkeydown=function(e)
- {
- if(e.which == 17)
- isCtrl=true;
- if((e.which == 85) || (e.which == 67) && (isCtrl == true))
- {
- return false;
- }
- }
- var isNS = (navigator.appName == "Netscape") ? 1 : 0;
- if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
- function mischandler(){
- return false;
- }
- function mousehandler(e){
- var myevent = (isNS) ? e : event;
- var eventbutton = (isNS) ? myevent.which : myevent.button;
- if((eventbutton==2)||(eventbutton==3)) return false;
- }
- document.oncontextmenu = mischandler;
- document.onmousedown = mousehandler;
- document.onmouseup = mousehandler;
- if (document.addEventListener) { // IE >= 9; other browsers
- document.addEventListener('contextmenu', function(e) {
- alert(" Try asking RageQxeen for her codes instead."); //here you draw your own menu
- e.preventDefault();
- }, false);
- } else { // IE < 9
- document.attachEvent('oncontextmenu', function() {
- alert("O sun, abide to death.");
- window.event.returnValue = false;
- });
- }
- };
- </script>
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative|Handlee);
- html, body {
- background: rgb(90,106,35);
- background: linear-gradient(90deg, rgba(90,106,35,1) 0%, rgba(166,182,93,1) 26%, rgba(32,59,4,1) 59%);
- }
- ::-webkit-scrollbar-button:vertical:{
- background-color: #transparent;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color:#transparent;
- height:150px;}
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#transparent;
- height:60px;}
- ::-webkit-scrollbar {
- height:60px;
- width:5px;
- background-color:#transparent;}
- #image {
- width: 27vw;
- margin: 0px;
- border: none;
- height: 48vw;
- background-color:transparent;
- position: absolute;
- left: 10vw;
- bottom: 0vw;
- background-image:url("https://i.ibb.co/tXFYyHb/64.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- z-index: 2;
- }
- #bar {
- height: 25vh;
- width: 100%;
- position: absolute;
- left: 0vh;
- bottom: 20vh;
- background-image:url("https://preview.redd.it/enry01k4ec541.png?width=960&crop=smart&auto=webp&v=enabled&s=3dfbe0aa566767399d6d38c3e15b09f81a906fdf");
- background position: center;
- background-size: 100%;
- background-repeat: no-repeat;
- border-top: 2px solid #e0e5e1;
- border-bottom: 2px solid #e0e5e1;
- z-index: 1;
- }
- #container {
- background-color:transparent;
- width: 30vw;
- height: 35vw;
- margin:auto;
- position: absolute;
- padding: 5px;
- right: 23vw;
- bottom: -8vw;
- z-index:1;
- border-radius: 20px;
- }
- .ooc {
- background-color: #141609;
- width: 29vw;
- height: 10vw;
- margin:auto;
- position: absolute;
- padding: 5px;
- font-family: 'Handlee', cursive;
- font-size: 16px;
- color: #fff;
- right: .5vw;
- top: .5vw;
- z-index:1;
- border: #000000 solid 2px;
- }
- .basics {
- background-color: #141609;
- width: 13vw;
- height: 13vw;
- margin:auto;
- position: absolute;
- padding: 5px;
- font-family: 'Handlee', cursive;
- font-size: 16px;
- color: #fff;
- left: .3vw;
- top: 11.5vw;
- z-index:1;
- border: #000000 solid 2px;
- }
- .powers {
- background-color: #141609;
- width: 15vw;
- height: 13vw;
- margin:auto;
- position: absolute;
- padding: 5px;
- font-family: 'Handlee', cursive;
- font-size: 16px;
- color: #fff;
- right: .5vw;
- top: 11.5vw;
- z-index:1;
- border: #000000 solid 2px;
- }
- .history {
- background-color: #141609;
- width: 29vw;
- height: 9vw;
- margin:auto;
- position: absolute;
- padding: 5px;
- font-family: 'Handlee', cursive;
- font-size: 16px;
- color: #fff;
- right: .5vw;
- top: 25.5vw;
- z-index:1;
- border: #000000 solid 2px;
- }
- #wisp1 {
- width: 1vw;
- height: 1vw;
- position: absolute;
- left: 40vw;
- background-image:url("https://i.ibb.co/fCDr9Ws/wisp.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- filter: blur(2px);
- -webkit-animation: bounce 1s both ease-in infinite;
- animation: bounce 1s both infinite ease-in;
- }
- @keyframes bounce{
- 0% {top: 6vw;}
- 50% {top: 6.5vw;}
- 100% {top: 6vw;}}
- @-webkit-keyframes bounce {
- 0% {top: 6vw;}
- 50% {top: 6.5vw;}
- 100% {top: 6vw;}
- }
- #wisp2 {
- width: 1vw;
- height: 1vw;
- position: absolute;
- left: 30vw;
- background-image:url("https://i.ibb.co/fCDr9Ws/wisp.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- filter: blur(2px);
- -webkit-animation: bounce2 2s -3s both linear infinite;
- animation: bounce2 2s -3s both linear infinite;
- }
- @keyframes bounce2{
- 0% {top: 10vw;}
- 50% {top: 10.9vw;}
- 100% {top: 10vw;}}
- @-webkit-keyframes bounce2 {
- 0% {top: 10vw;}
- 50% {top: 10.9vw;}
- 100% {top: 10vw;}
- }
- #wisp3 {
- width: 1vw;
- height: 1vw;
- position: absolute;
- left: 10vw;
- background-image:url("https://i.ibb.co/fCDr9Ws/wisp.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- filter: blur(2px);
- -webkit-animation: bounce3 2s both linear infinite;
- animation: bounce3 2s both infinite linear;
- }
- @keyframes bounce3{
- 0% {top: 2vw;}
- 50% {top: 3.5vw;}
- 100% {top: 2vw;}}
- @-webkit-keyframes bounce3 {
- 0% {top: 2vw;}
- 50% {top: 3.5vw;}
- 100% {top: 2vw;}
- }
- #wisp4 {
- width: 1vw;
- height: 1vw;
- position: absolute;
- left: 16vw;
- background-image:url("https://i.ibb.co/fCDr9Ws/wisp.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- filter: blur(2px);
- -webkit-animation: bounce4 2s -1s both linear infinite;
- animation: bounce4 2s -1s both linear infinite;
- }
- @keyframes bounce4{
- 0% {top: 23vw;}
- 50% {top: 23.9vw;}
- 100% {top: 23vw;}}
- @-webkit-keyframes bounce4 {
- 0% {top: 23vw;}
- 50% {top: 23.9vw;}
- 100% {top: 23vw;}
- }
- #wisp5 {
- z-index: 2;
- width: 1vw;
- height: 1vw;
- position: absolute;
- left: 30vw;
- background-image:url("https://i.ibb.co/fCDr9Ws/wisp.png");
- background-repeat:no-repeat;
- background-position: bottom;
- background-size: 100%;
- filter: blur(2px);
- -webkit-animation: bounce5 2s both linear infinite;
- animation: bounce5 2s both infinite linear;
- }
- @keyframes bounce5{
- 0% {top: 27vw;}
- 50% {top: 27.8vw;}
- 100% {top: 27vw;}}
- @-webkit-keyframes bounce5 {
- 0% {top: 27vw;}
- 50% {top: 27.8vw;}
- 100% {top: 27vw;}
- }
- .alias {position: absolute;
- font-family: 'Cinzel Decorative';
- background-color: transparent;
- background: -webkit-linear-gradient(right, #eaf1c5, #203b04, #eaf1c5);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- font-size: 4vw;
- bottom: 7vw;
- right: 37vw;
- width: 35vw;
- height: 5vw;
- text-align: center;
- transform: rotate(-90deg);
- filter: drop-shadow(0px 0px 1px #000);
- overflow: auto;
- padding:5px 5px 5px 5px;
- z-index: 3;}
- .alias2 {position: absolute;
- font-family: 'Cinzel Decorative';
- background-color: transparent;
- background: -webkit-linear-gradient(right, #eaf1c5, #203b04, #eaf1c5);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- font-size: 4vw;
- bottom: 7vw;
- right: 4.3vw;
- width: 35vw;
- height: 5vw;
- text-align: center;
- transform: rotate(90deg);
- filter: drop-shadow(0px 0px 1px #000);
- overflow: auto;
- padding:5px 5px 5px 5px;
- z-index: 3;}
- a {text-decoration: none; color: #eaf1c5;}
- </style>
- <div id="wisp1"></div>
- <div id="wisp2"></div>
- <div id="wisp3"></div>
- <div id="wisp4"></div>
- <div id="wisp5"></div>
- <div id="image"></div>
- <div id="bar">
- <div class="alias">Forest Witch</div>
- <div class="alias2">Nickname</div>
- <div id="container">
- <div class="ooc">
- <div style="width: 29vw; height: 10vw; overflow: auto;" align="left">
- <center><b>00</b>. Code made by <a target="_blank" href="https://rageqxeen.neocities.org/vw_codes/rageqxeen.html">RageQxeen</a>, do not steal.</center><br>
- <b>01</b>. OOC<br>
- <b>02</b>. OOC<br>
- <b>03</b>. OOC<br>
- <b>04</b>. OOC<br>
- <b>05</b>. OOC<br>
- </div>
- </div>
- <div class="basics">
- <div style="width: 13vw; height: 13vw; overflow: auto;" align="center">
- <span style="float:left;"><b>Name</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Alias(es)</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Gender</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Apparent Age</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Height</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Weight</b></span><span style="float:right;">HERE</span><br><br>
- <span style="float:left;"><b>Orientation</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Relationship Preference</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Relationship</b></span><span style="float:right;"><a href="LINK HERE" target="_blank">TITLE HERE</a></span><br>
- <span style="float:left;"><b>Race</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Eyes</b></span><span style="float:right;">HERE</span><br>
- <span style="float:left;"><b>Hair</b></span><span style="float:right;">HERE</span><br><br>
- <span style="float:left;"><b>Voice Claim</b></span><span style="float:right;"><a target="_blank" href="LINK HERE">TITLE HERE</a></span><br>
- <span style="float:left;"><b>F-List</b></span><span style="float:right;"><a target="_blank" href="LINK HERE">TITLE HERE</a></span><br>
- </div>
- </div>
- <div class="powers">
- <div style="width: 15vw; height: 13vw; overflow: auto;" align="left">
- POWERS LISTED HERE
- </div>
- </div>
- <div class="history">
- <div style="width: 29vw; height: 9vw; overflow: auto;" align="left">
- HISTORY LISTED HERE
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement