API tools faq
paste
cypherine

cypherine

cypherine
Oct 19th, 2021 (edited)
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.78 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html>
  3. <script type="text/javascript">
  4. // <![CDATA[
  5. var colour="#ff00f0";
  6. var sparkles=120;
  7.  
  8. /****************************
  9. *  Tinkerbell Magic Sparkle *
  10. * (c) 2005 mf2fm web-design *
  11. *  http://www.mf2fm.com/rv  *
  12. * DON'T EDIT BELOW THIS BOX *
  13. ****************************/
  14.  
  15. /*CREDS! https://shuvee.tumblr.com and ^^ for the sparkly cursor thing!*/
  16. var x=ox=400;
  17. var y=oy=300;
  18. var swide=800;
  19. var shigh=600;
  20. var sleft=sdown=0;
  21. var tiny=new Array();
  22. var star=new Array();
  23. var starv=new Array();
  24. var starx=new Array();
  25. var stary=new Array();
  26. var tinyx=new Array();
  27. var tinyy=new Array();
  28. var tinyv=new Array();
  29.  
  30. window.onload=function() { if (document.getElementById) {
  31.  var i, rats, rlef, rdow;
  32.  for (var i=0; i<sparkles; i++) {
  33.    var rats=createDiv(3, 3);
  34.    rats.style.visibility="hidden";
  35.    document.body.appendChild(tiny[i]=rats);
  36.    starv[i]=0;
  37.    tinyv[i]=0;
  38.    var rats=createDiv(5, 5);
  39.    rats.style.backgroundColor="transparent";
  40.    rats.style.visibility="hidden";
  41.    var rlef=createDiv(1, 5);
  42.    var rdow=createDiv(5, 1);
  43.    rats.appendChild(rlef);
  44.    rats.appendChild(rdow);
  45.    rlef.style.top="2px";
  46.    rlef.style.left="0px";
  47.    rdow.style.top="0px";
  48.    rdow.style.left="2px";
  49.    document.body.appendChild(star[i]=rats);
  50.  }
  51.  set_width();
  52.  sparkle();
  53. }}
  54.  
  55. function sparkle() {
  56.  var c;
  57.  if (x!=ox || y!=oy) {
  58.    ox=x;
  59.    oy=y;
  60.    for (c=0; c<sparkles; c++) if (!starv[c]) {
  61.      star[c].style.left=(starx[c]=x)+"px";
  62.      star[c].style.top=(stary[c]=y)+"px";
  63.      star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  64.      star[c].style.visibility="visible";
  65.      starv[c]=50;
  66.      break;
  67.    }
  68.  }
  69.  for (c=0; c<sparkles; c++) {
  70.    if (starv[c]) update_star(c);
  71.    if (tinyv[c]) update_tiny(c);
  72.  }
  73.  setTimeout("sparkle()", 40);
  74. }
  75.  
  76. function update_star(i) {
  77.  if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  78.  if (starv[i]) {
  79.    stary[i]+=1+Math.random()*3;
  80.    if (stary[i]<shigh+sdown) {
  81.      star[i].style.top=stary[i]+"px";
  82.      starx[i]+=(i%5-2)/5;
  83.      star[i].style.left=starx[i]+"px";
  84.    }
  85.    else {
  86.      star[i].style.visibility="hidden";
  87.      starv[i]=0;
  88.      return;
  89.    }
  90.  }
  91.  else {
  92.    tinyv[i]=50;
  93.    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  94.    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  95.    tiny[i].style.width="2px";
  96.    tiny[i].style.height="2px";
  97.    star[i].style.visibility="hidden";
  98.    tiny[i].style.visibility="visible"
  99.  }
  100. }
  101.  
  102. function update_tiny(i) {
  103.  if (--tinyv[i]==25) {
  104.    tiny[i].style.width="1px";
  105.    tiny[i].style.height="1px";
  106.  }
  107.  if (tinyv[i]) {
  108.    tinyy[i]+=1+Math.random()*3;
  109.    if (tinyy[i]<shigh+sdown) {
  110.      tiny[i].style.top=tinyy[i]+"px";
  111.      tinyx[i]+=(i%5-2)/5;
  112.      tiny[i].style.left=tinyx[i]+"px";
  113.    }
  114.    else {
  115.      tiny[i].style.visibility="hidden";
  116.      tinyv[i]=0;
  117.      return;
  118.    }
  119.  }
  120.  else tiny[i].style.visibility="hidden";
  121. }
  122.  
  123. document.onmousemove=mouse;
  124. function mouse(e) {
  125.  set_scroll();
  126.  y=(e)?e.pageY:event.y+sdown;
  127.  x=(e)?e.pageX:event.x+sleft;
  128. }
  129.  
  130. function set_scroll() {
  131.  if (typeof(self.pageYOffset)=="number") {
  132.    sdown=self.pageYOffset;
  133.    sleft=self.pageXOffset;
  134.  }
  135.  else if (document.body.scrollTop || document.body.scrollLeft) {
  136.    sdown=document.body.scrollTop;
  137.    sleft=document.body.scrollLeft;
  138.  }
  139.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  140.    sleft=document.documentElement.scrollLeft;
  141.     sdown=document.documentElement.scrollTop;
  142.  }
  143.  else {
  144.    sdown=0;
  145.    sleft=0;
  146.  }
  147. }
  148.  
  149. window.onresize=set_width;
  150. function set_width() {
  151.  if (typeof(self.innerWidth)=="number") {
  152.    swide=self.innerWidth;
  153.    shigh=self.innerHeight;
  154.  }
  155.  else if (document.documentElement && document.documentElement.clientWidth) {
  156.    swide=document.documentElement.clientWidth;
  157.    shigh=document.documentElement.clientHeight;
  158.  }
  159.  else if (document.body.clientWidth) {
  160.    swide=document.body.clientWidth;
  161.    shigh=document.body.clientHeight;
  162.  }
  163. }
  164.  
  165. function createDiv(height, width) {
  166.  var div=document.createElement("div");
  167.  div.style.position="absolute";
  168.  div.style.height=height+"px";
  169.  div.style.width=width+"px";
  170.  div.style.overflow="hidden";
  171.  div.style.backgroundColor=colour;
  172.  return (div);
  173. }
  174. // ]]>
  175. </script>
  176.  
  177. <head>
  178.     <title>cypherine</title> <!--title in the tab-->
  179.     <link rel="shortcut icon" href="{Favicon}"> <!--icon in the tab-->
  180.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  181.      
  182.     <!--scripts + stylesheets-->
  183. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600i,800|Roboto" rel="stylesheet">
  184.     <!--icon font by fontawsome | https://fontawesome.io/icons/-->
  185. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.1/css/all.css" integrity="sha384-O8whS3fhG2OnA5Kas0Y9l3cfpmYjapjI0E4theH4iuMD+pLhbf6JI0jIMfYcK3yZ" crossorigin="anonymous">
  186.  
  187. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  188. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  189. <script src="https://static.tumblr.com/ihhnoee/12Cotb0p2/jquery.style-my-tooltips.js"></script>
  190.  
  191. <script>
  192.     (function($){
  193.         $(document).ready(function(){
  194.             $("a[title]").style_my_tooltips({
  195.                 tip_follows_cursor:false,
  196.                 tip_delay_time:100,
  197.                 tip_fade_speed:300,
  198.             attribute:"title"
  199. });
  200. });
  201. })(jQuery);
  202. </script>  
  203. <style>
  204. #s-m-t-tooltip { /*what shows up when you hover over something with a title, such as the credit in the corner*/
  205.     max-width:175px;
  206.     margin:10px 14px 7px 10px;
  207.     padding:5px 7px;
  208.     background-color:#fff;/*tooltip bg*/
  209.     color:#888;/*tooltip text*/
  210.     border:solid 1px #eee;/*tooltip border color*/
  211.     font-family:ms gothic;
  212.     font-size:10px;
  213.     text-transform:uppercase;
  214.     letter-spacing:1px;
  215.     line-height:10px;
  216.     z-index:99999999;
  217.    
  218. }
  219.  
  220.     /*iframe fix by @cyantists | cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3*/
  221. iframe.tmblr-iframe { visibility:hidden; }
  222.  
  223.     /*scrollbar customize*/
  224. ::-webkit-scrollbar { height:2px; width:3px; background:#fff;/*scrollbar bg*/ }
  225. ::-webkit-scrollbar-thumb { background:#888; /*scrollbar color*/ border-radius:3px; -webkit-border-radius:3px; }
  226.  
  227.     /*coloring for what happens when you highlight text*/
  228. ::-webkit-selection { background:#eee; color:#171717; }
  229. ::-moz-selection { background:#eee; color:#171717; }
  230. ::-ms-selection { background:#eee; color:#171717; }
  231. ::-o-selection { background:#eee; color:#171717; }
  232. ::selection { background:#eee; color:#171717; }
  233.  
  234. /*general*/
  235. body {
  236.     background-image: url(https://64.media.tumblr.com/b4a9d3a3453d2bfbc1ad99175622b3e8/tumblr_inline_miqn3kJquq1qz4rgp.png);
  237.     background-color:#fbfbfb; /*background color*/
  238.     font-family:ms gothic;
  239.     font-size:11px;
  240.     overflow-x:hidden;
  241. }
  242.  
  243. a {
  244.     text-decoration: none;
  245.     -webkit-transition: all .35s ease-in-out;
  246.        -moz-transition: all .35s ease-in-out;
  247.         -ms-transition: all .35s ease-in-out;
  248.          -o-transition: all .35s ease-in-out;
  249.             transition: all .35s ease-in-out;
  250. }
  251.  
  252. /*CURSOR*/
  253. *, body, a, a:hover {cursor: url(https://64.media.tumblr.com/4c0582589bd3f4dbc987c072aff26068/tumblr_inline_mfn7u0MPDe1qid2nw.png), auto;}
  254. /*end of custom cursor*/
  255.  
  256. #galaxy { width:439px; margin:170px auto; }
  257.  
  258. #sol { /*title*/
  259.     color:#b031eb; /*title color*/
  260.     font-weight:800;
  261.     letter-spacing:10px; font-size:30px;
  262.     text-align:left; text-transform:uppercase;
  263. }
  264.  
  265. #comet {
  266.     width:100px; height:100px;
  267.     padding:5px;
  268.     background:#fff; /*icon box background color*/
  269.     border:solid 1px #dbdbdb; /*icon box border color*/
  270.     box-shadow:1px 1px #000000; /*icon box shadow color*/
  271.     position:fixed;
  272. }
  273.  
  274. #comet img { width:100px; height:100px; }
  275.  
  276. #earth {
  277.     width:290px; height:100px;
  278.     margin-left:130px; padding:5px;
  279.     background:#fff; /*info box background color*/
  280.     border:solid 1px #dbdbdb; /*info box border color*/
  281.     box-shadow:1px 1px #000000; /*info box shadow color*/
  282.     position:fixed;
  283. }
  284.  
  285.         /*mini info accent color*/
  286. #earth c { color:#f518e2; text-transform:uppercase; }
  287. #earth p { margin-top:4px; margin-bottom:13px; }
  288.  
  289.                         /*line colors; best if matched with border*/
  290. #vl1 { margin-top:-5px; margin-left:145px; stroke:#dbdbdb; position:fixed; }
  291. #hl1 { margin-top:11px; margin-left:-5px; stroke:#dbdbdb; position:fixed; }
  292. #hl2 { margin-top:39px; margin-left:-5px; stroke:#dbdbdb; position:fixed; }
  293. #hl3 { margin-top:67px; margin-left:-5px; stroke:#dbdbdb; position:fixed; }
  294.  
  295. #box {
  296.     width:139px; height:100px;
  297.     margin-top:-100px; margin-left:141px; padding:5px;
  298.     position:fixed;
  299. }
  300.  
  301. #box h1 {
  302.     margin-left:11px; margin-bottom:-2px; color:#f518e2; /*playlist title color*/
  303.     font-size:11px; font-weight:600; font-style:italic;
  304.     text-align:left; text-transform:uppercase;
  305. }
  306.  
  307. #box li { margin-left:-20px; line-height:120%; list-style: none; }
  308. #box li:before {
  309.     content:"♡"; /* change update tab bullet points here | use something simple like a • or a character from an alt+ code : you can also use an emoji, just be sure to alter the line height above (standard is 120%; increase to anywhere between 130% and 150% if emojis are overlapping*/
  310.     padding-right: 5px;
  311. }
  312.  
  313. #box a { color:#f518e2; } /* links color*/
  314. #box a:hover { color:#b031eb; } /* links hover color*/
  315.  
  316. #luna {
  317.     width:420; height:68px;
  318.     margin-top:130px; padding:5px;
  319.     background:#fff; /*description background color*/
  320.     border:solid 1px #dbdbdb; /*description border color*/
  321.     box-shadow:1px 1px #000000; /*description shadow color*/
  322.     text-align:justify;
  323.     position:relative;
  324. }
  325.  
  326. #luna a { color:#f518e2; } /*description link color*/
  327. #luna a:hover { color:#b031eb; } /*link hover color*/
  328. #luna i, b, u { color:#b031eb; } /*italics, bold, underline color*/
  329.  
  330. #stars {margin-top:20px; font-size:17px; text-align:center; position:relative;}
  331.  
  332. #stars a { margin-left:30px; margin-right:30px;
  333. color:#b031eb; } /*icon link color*/
  334. #stars a:hover { color:#b031eb; } /*icon link hover color*/
  335.  
  336. #saturn {
  337.     margin-top:15px; color:#ffffff; /*quote text color*/
  338.     font-size:10px; text-align:center;
  339.     line-height:120%; position:relative;
  340. }
  341.  
  342. #saturn a,a:hover { color:#b031eb; } /*quote link color + hover color*/
  343.  
  344. /*remember: don't remove or edit ♡ */
  345. #credit {
  346.     right:0; bottom:0; padding:9px 10px;
  347.     font-size:10px; position:fixed;
  348.     -webkit-transition: all .35s ease-in-out;
  349.        -moz-transition: all .35s ease-in-out;
  350.         -ms-transition: all .35s ease-in-out;
  351.          -o-transition: all .35s ease-in-out;
  352.             transition: all .35s ease-in-out;
  353.     -webkit-transform: scaleX(-1);
  354.        -moz-transform: scaleX(-1);
  355.         -ms-transform: scaleX(-1);
  356.          -o-transform: scaleX(-1);
  357.             transform: scaleX(-1);
  358. }
  359. #sidemoon {
  360.     width:70px; max-height:500px; float:right;
  361.     background:#fff;
  362.     right:5; bottom:50; padding:9px 10px;
  363.     text-align:right; text-transform:uppercase;
  364.     margin-right:17px;
  365.     box-shadow:1px 1px #000000;
  366.  
  367. }
  368.  
  369. #credit:hover {
  370.     -webkit-transform: scale(1.3) scaleX(-1);
  371.        -moz-transform: scale(1.3) scaleX(-1);
  372.         -ms-transform: scale(1.3) scaleX(-1);
  373.          -o-transform: scale(1.3) scaleX(-1);
  374.             transform: scale(1.3) scaleX(-1);
  375. }
  376.  
  377. #credit a { color:#171717; text-decoration:none; }
  378.  
  379. #cbox {
  380.     width: 200px;
  381.     left: 40px;
  382.     bottom: -505px;
  383.     z-index: 9999;
  384.     position: fixed;
  385.     -webkit-transition: all 0.8s ease-in-out;
  386.     -moz-transition: all 0.8s ease-in-out;
  387.     -o-transition: all 0.8s ease-in-out;
  388.     -ms-transition: all 0.8s ease-in-out;
  389.     transition: all 0.8s ease-in-out;
  390.     border: 5px solid #fff;
  391.     border-top-left-radius: 10px;
  392.     border-top-right-radius: 10px;
  393.     box-shadow: 0px 0px 0px 1px #fedbdb;
  394. }
  395.  
  396. #cbox:hover {
  397.     bottom: 0px;
  398. }
  399.    
  400. #cboxtitle {
  401.     width: 190px;
  402.     height: 17px;
  403.     background-color: #ffffff;
  404.     padding: 8px 5px 5px 5px;
  405.     text-align: center;
  406.     font-size: 14px;
  407.     font-family: 'Josefin Sans', sans-serif;
  408.     font-weight: 300;
  409.     letter-spacing: 10px;
  410.     color: #db9494;
  411.     text-shadow: 1px 1px 1px #ffffff;
  412.     text-transform: uppercase;
  413. }
  414.  
  415. #cboxdesc {
  416.     width: 190px;
  417.     height: 40px;
  418.     padding: 5px;
  419.     background-color: #ffffff;
  420.     overflow: auto;
  421.     font-family: 'Roboto', sans-serif;
  422.     font-size: 9px;
  423.     text-align: justify;
  424.     letter-spacing: 1px;
  425.     color: #a19090;
  426. }
  427.  
  428. </style>
  429. </head>
  430. <body>
  431.  
  432. <div id="galaxy">
  433.     <div id="sol">cypherine</div>  <!--title edit-->
  434.     <div id="comet">          <!--url for icon-->
  435.         <a href="/"><img src="https://static.tumblr.com/eff2ad31ed6bd6f9e0c13a6a733406e3/mjvcmrg/42Volx0v7/tumblr_static_egaz8m27jagoo44o0wksgkg8k.gif" width="1" length="20"></a>
  436.     </div><!--end comet-->
  437.     <div id="earth">
  438.         <div id="vl1"><svg height="110" width="1"><line x1="0" y1="0" x2="0" y2="289" style="stroke-width:5" /></svg></div>
  439.         <div id="hl1"><svg height="1" width="151"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></svg></div>
  440.         <div id="hl2"><svg height="1" width="151"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></svg></div>
  441.         <div id="hl3"><svg height="1" width="151"><line x1="0" y1="0" x2="289" y2="0" style="stroke-width:5" /></svg></div>
  442.        
  443.         <!--short bio info-->
  444.         <p><c>name:</c> Cypherine</p>
  445.         <p><c>birthday:</c> 12.06.05</p>
  446.         <p><c>age:</c> 15</p>
  447.         <p><c>mbti:</c> <a href="https://www.cbr.com/mbti-anime-characters-intps/">INTP-T</a></p>
  448.        
  449.         <div id="box">
  450.             <h1><img src="https://cdn.discordapp.com/attachments/830436421910134808/899661034170753124/ezgif-2-4f56d408f132.gif"></img></h1> <!--playlist links-->
  451.                 <ul>
  452.                     <li><a href="https://myanimelist.net/profile/606cypherine">MAL</a> 606cypherine</li>
  453.                     <li><a href="https://www.instagram.com/cypher_oh_seven/">IG</a> cypher_oh_seven
  454.                     <li><a href="https://www.youtube.com/watch?v=sgdPlDG1-8k&ab_channel=Eve">DSC</a> Cypherine#4832</li>
  455.                     <li><a href="https://cypherine.tumblr.com/op">ONE PIECE</a> !!</li>
  456.                    
  457.                 </ul>
  458.         </div><!--end box-->
  459.     </div><!--end earth-->
  460.    
  461.     <div id="luna"> <!--description-->
  462.       <br>
  463.        Hi random user browsing through this website.
  464.        <br> Thanks for stopping by!! I'm Cy and I'd love to be friends with u so feel free to send a message on any of my socials ☆ (Or just drop something at the chatbox)<i> Chatbox found at the bottom left corner</i>
  465.     </div><!--end luna-->
  466.    
  467.     <div id="stars"><!--icon links-->
  468.         <a href="https://cypherine.tumblr.com/" title="home"><i class="fas fa-home"></i></a>
  469.         <a href="https://cypherine.tumblr.com/askcy" title="ask"><i class="fas fa-paper-plane"></i></a>
  470.         <a href="https://cypherine.tumblr.com/stuff" title="あの娘シークレット"><i class="fas fa-bars"></i></a>
  471.        
  472.     </div><!--end stars-->
  473.    
  474.     <div id="saturn"><!--bottom quote-->
  475.         <p>うらやまし  思ひ切る時  猫の恋</p>
  476.     </div>
  477. </div><!--end galaxy-->
  478.    
  479.     <div id="sidemoon">
  480.  
  481. <!--Online right now!!-->
  482. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5666523";
  483. var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
  484. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=人&e2=人&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  485. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  486. </script>
  487. <br>
  488. <br>
  489.  
  490.  
  491. <!--Visits/hits-->
  492. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3365982";
  493. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=ヒット&a=1";
  494. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  495. </script>
  496.  
  497. <!--Chatbox!-->
  498. <div id="cbox">
  499. <div id="cboxtitle">chatbox</div>
  500. <div id="cboxdesc">
  501.  
  502. chat with people!
  503.  
  504. </div> <!-- IMPORTANT! PLEASE KEEP THIS HERE -->
  505.  
  506. <iframe src="https://www3.cbox.ws/box/?boxid=3508719&boxtag=CJmQGx" width="100%" height="450" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe> 
  507.  
  508. </div> <!-- IMPORTANT! PLEASE KEEP THIS HERE -->
  509.  
  510. </div>
  511. <!-- remember: don't remove | santa is always watching, always judging-->
  512. <div id="credit"><a title="shuvee" href="https://shuvee.tumblr.com"><d class="far fa-moon"></d></a></div>
  513. </body>
  514. </html>
  515.  
  516.  
  517. </body>
  518. </html>
  519.  
  520.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!