Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Hi how are you?
- It's me! your webmaster :D
- While you're here, let me tell you a secret...
- I'm...
- actually...
- god!
- That's it! Enjoy your stay ^_^
- Oh, btw if you've seen this, you should let me know in the guestbook.
- Thanks!
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Cypherine</title>
- <link href="/style.css" rel="stylesheet" type="text/css" media="all">
- <link href="http://fonts.cdnfonts.com/css/nintendo-ds-bios" rel="stylesheet">
- <link rel="shortcut icon" href="r2d2icon.png">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
- <script type="text/javascript">
- // <![CDATA[
- var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
- var sparkles=50;
- /****************************
- * Tinkerbell Magic Sparkle *
- *(c)2005-13 mf2fm web-design*
- * http://www.mf2fm.com/rv *
- * DON'T EDIT BELOW THIS BOX *
- ****************************/
- var x=ox=400;
- var y=oy=300;
- var swide=800;
- var shigh=600;
- var sleft=sdown=0;
- var tiny=new Array();
- var star=new Array();
- var starv=new Array();
- var starx=new Array();
- var stary=new Array();
- var tinyx=new Array();
- var tinyy=new Array();
- var tinyv=new Array();
- window.onload=function() { if (document.getElementById) {
- var i, rats, rlef, rdow;
- for (var i=0; i<sparkles; i++) {
- var rats=createDiv(3, 3);
- rats.style.visibility="hidden";
- rats.style.zIndex="999";
- document.body.appendChild(tiny[i]=rats);
- starv[i]=0;
- tinyv[i]=0;
- var rats=createDiv(5, 5);
- rats.style.backgroundColor="transparent";
- rats.style.visibility="hidden";
- rats.style.zIndex="999";
- var rlef=createDiv(1, 5);
- var rdow=createDiv(5, 1);
- rats.appendChild(rlef);
- rats.appendChild(rdow);
- rlef.style.top="2px";
- rlef.style.left="0px";
- rdow.style.top="0px";
- rdow.style.left="2px";
- document.body.appendChild(star[i]=rats);
- }
- set_width();
- sparkle();
- }}
- function sparkle() {
- var c;
- if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
- ox=x;
- oy=y;
- for (c=0; c<sparkles; c++) if (!starv[c]) {
- star[c].style.left=(starx[c]=x)+"px";
- star[c].style.top=(stary[c]=y+1)+"px";
- star[c].style.clip="rect(0px, 5px, 5px, 0px)";
- star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
- star[c].style.visibility="visible";
- starv[c]=50;
- break;
- }
- }
- for (c=0; c<sparkles; c++) {
- if (starv[c]) update_star(c);
- if (tinyv[c]) update_tiny(c);
- }
- setTimeout("sparkle()", 40);
- }
- function update_star(i) {
- if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
- if (starv[i]) {
- stary[i]+=1+Math.random()*3;
- starx[i]+=(i%5-2)/5;
- if (stary[i]<shigh+sdown) {
- star[i].style.top=stary[i]+"px";
- star[i].style.left=starx[i]+"px";
- }
- else {
- star[i].style.visibility="hidden";
- starv[i]=0;
- return;
- }
- }
- else {
- tinyv[i]=50;
- tiny[i].style.top=(tinyy[i]=stary[i])+"px";
- tiny[i].style.left=(tinyx[i]=starx[i])+"px";
- tiny[i].style.width="2px";
- tiny[i].style.height="2px";
- tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
- star[i].style.visibility="hidden";
- tiny[i].style.visibility="visible"
- }
- }
- function update_tiny(i) {
- if (--tinyv[i]==25) {
- tiny[i].style.width="1px";
- tiny[i].style.height="1px";
- }
- if (tinyv[i]) {
- tinyy[i]+=1+Math.random()*3;
- tinyx[i]+=(i%5-2)/5;
- if (tinyy[i]<shigh+sdown) {
- tiny[i].style.top=tinyy[i]+"px";
- tiny[i].style.left=tinyx[i]+"px";
- }
- else {
- tiny[i].style.visibility="hidden";
- tinyv[i]=0;
- return;
- }
- }
- else tiny[i].style.visibility="hidden";
- }
- document.onmousemove=mouse;
- function mouse(e) {
- if (e) {
- y=e.pageY;
- x=e.pageX;
- }
- else {
- set_scroll();
- y=event.y+sdown;
- x=event.x+sleft;
- }
- }
- window.onscroll=set_scroll;
- function set_scroll() {
- if (typeof(self.pageYOffset)=='number') {
- sdown=self.pageYOffset;
- sleft=self.pageXOffset;
- }
- else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
- sdown=document.body.scrollTop;
- sleft=document.body.scrollLeft;
- }
- else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
- sleft=document.documentElement.scrollLeft;
- sdown=document.documentElement.scrollTop;
- }
- else {
- sdown=0;
- sleft=0;
- }
- }
- window.onresize=set_width;
- function set_width() {
- var sw_min=999999;
- var sh_min=999999;
- if (document.documentElement && document.documentElement.clientWidth) {
- if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
- if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
- }
- if (typeof(self.innerWidth)=='number' && self.innerWidth) {
- if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
- if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
- }
- if (document.body.clientWidth) {
- if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
- if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
- }
- if (sw_min==999999 || sh_min==999999) {
- sw_min=800;
- sh_min=600;
- }
- swide=sw_min;
- shigh=sh_min;
- }
- function createDiv(height, width) {
- var div=document.createElement("div");
- div.style.position="absolute";
- div.style.height=height+"px";
- div.style.width=width+"px";
- div.style.overflow="hidden";
- return (div);
- }
- function newColour() {
- var c=new Array();
- c[0]=255;
- c[1]=Math.floor(Math.random()*256);
- c[2]=Math.floor(Math.random()*(256-c[1]/2));
- c.sort(function(){return (0.5 - Math.random());});
- return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
- }
- // ]]>
- </script>
- <script>
- function diaryhoverImg() {
- $('.image1Responsive').attr('src', 'diarybuttonhover1.png');
- }
- function diaryImg() {
- $('.image1Responsive').attr('src', 'diarybutton1.png');
- }
- function guestbookhoverImg() {
- $('.image2Responsive').attr('src', 'guestbookbuttonhover1.png');
- }
- function guestbookImg() {
- $('.image2Responsive').attr('src', 'guestbookbutton1.png');
- }
- </script>
- <style>
- *, body, a, a:hover {cursor: url(lightsaber.png), auto;}
- body {
- background: url(starsbg.gif) repeat;
- background-size: contain;
- text-align: center;
- font-family: 'Nintendo DS BIOS', sans-serif;
- font-size: 25px;
- overflow:hidden;
- height: 118px;
- }
- a, b {
- text-decoration: none;
- color: rgb(255,180,70);
- }
- a:hover {
- text-decoration: none;
- color: rgb(190,70,150)}
- @import url('http://fonts.cdnfonts.com/css/nintendo-ds-bios');
- hr {
- height: 1px;
- background-color: rgb(190,70,150);
- margin: 10px 0px;}
- .bg {
- background-color:rgba(153, 0, 204, 0.2);
- background-image:url('cylightsaber.gif');
- background-repeat: no-repeat;
- background-size:1000px;
- position: absolute;
- width: 970px;
- height: 540px;
- border-radius: 15px;
- border: 2px solid rgba(190,70,150);
- padding: 0 0 0 30px;
- margin-top: 170px;
- margin-left: 450px;
- z-index: -1;
- box-shadow: 0px 0px 20px #005eff;
- }
- .marquee1 {
- max-width: 20%;
- max-height: 70vh;
- margin: auto;
- }
- .buttonscont {
- position: absolute;
- margin-top: 280px;
- margin-left: 800px;
- }
- .buttonscont2 {
- position: absolute;
- margin-top: 290px;
- margin-left: -630px;
- color: white;
- width: 1570px;
- height: 50px;
- font-size: 35px;
- background-color:rgba(153, 0, 204, 0.2);
- border-radius: 15px;
- border: 2px solid rgba(190,70,150);
- text-align: center;
- display: flex;
- align-items: center;
- justify-content: center;
- box-shadow: 0px 0px 20px #005eff;
- }
- .imgcont1 {
- max-height: 100px;
- }
- .imgcont2 {
- max-height: 100px;
- }
- .selector {
- position: absolute;
- z-index:-5
- }
- .sidebox {
- text-align: left;
- background-color:rgba(153, 0, 204, 0.2);
- position: absolute;
- width: 200px;
- height: 200px;
- border-radius: 15px;
- border: 2px solid rgba(190,70,150);
- padding: 10px 0 0 30px;
- margin-top: 150px;
- margin-left: 170px;
- background-image:url('sidetiefighter.png');
- background-repeat: no-repeat;
- background-size:230px;
- box-shadow: 0px 0px 20px #005eff;
- }
- .sidebox2 {
- position: absolute;
- background-color:rgba(153, 0, 204, 0.2);
- width: 200px;
- height: 580px;
- border-radius: 15px;
- border: 2px solid rgba(190,70,150);
- padding: 0 0 0 30px;
- margin-top: 150px;
- margin-left: 1500px;
- background-image:url('sideright.png');
- background-repeat: no-repeat;
- background-size:290px;
- box-shadow: 0px 0px 20px #005eff;
- }
- .sidebox3 {
- text-align: left;
- background-color:rgba(153, 0, 204, 0.2);
- position: absolute;
- width: 200px;
- height: 320px;
- border-radius: 15px;
- border: 2px solid rgba(190,70,150);
- padding: 10px 0 0 30px;
- margin-top: 400px;
- margin-left: 170px;
- background-image:url('sideleft.png');
- background-repeat: no-repeat;
- background-size:250px;
- box-shadow: 0px 0px 20px #005eff;
- }
- .titlecy {
- position: absolute;
- margin-left: 180px;
- margin-top: 50px;
- font-size: 60px;
- color: rgb(255,180,70);
- text-align: center;
- display: flex;
- align-items: center;
- justify-content: center;
- font-family: 'Nintendo DS BIOS', sans-serif;
- }
- .site-wrap {
- height:100vh;
- }
- </style>
- </head>
- <body>
- <div class="site-wrap">
- <div class="titlecy"><b><a href="https://cypherine.neocities.org/">Cypherine</a></b></div>
- <div class="bg"></div>
- <div class="sidebox">
- <b style="color: rgb(255,180,70);">Smth</b>
- </div>
- <div class="sidebox3"></div>
- <div class="sidebox2"></div>
- <div class="buttonscont">
- <div class="imgcont1" onmouseover="diaryhoverImg()" onmouseout="diaryImg()">
- <a href="diary.html"><img src="diarybutton1.png" class="image1Responsive imgcont1" /></a>
- </div>
- <div class="imgcont2" onmouseover="guestbookhoverImg()" onmouseout="guestbookImg()">
- <a href="https://cypherine.123guestbook.com/"><img src="guestbookbutton1.png" class="image2Responsive imgcont2" /></a>
- </div>
- <div class="buttonscont2">
- <marquee>
- <img src="https://cdn.discordapp.com/attachments/924728816407048253/1015589597218091078/output-onlinegiftools_3.gif" width="25px" height="25px">
- Welcome to my little piece of the web!
- </marquee>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement