|
bookmarks:
|
main | ongoing | archive | private |
<link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />
<meta charset="UTF-8"> <link rel="icon" type="image/x-icon" href="heart.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script> function startTime() { const today = new Date(); let h = today.getHours(); let m = today.getMinutes(); let s = today.getSeconds(); m = checkTime(m); s = checkTime(s); document.getElementById('clock').innerHTML = h + ":" + m + ":" + s; setTimeout(startTime, 1000); }
function checkTime(i) { if (i < 10) { i = "0" + i }; // add zero in front of numbers < 10 return i; } var documentTitle = document.title + " (─‿‿─)♡ "; (function titleMarquee() { document.title = documentTitle = documentTitle.substring(1) + documentTitle.substring(0, 1); setTimeout(titleMarquee, 210); })();
</script>
<style> body { background: url(https://files.catbox.moe/qgigtj.gif); animation: Bg 1900s linear infinite; } @keyframes Bg { from { background-position: 0 0; } to {
background-position: -10000px 0; </style>
<style> #navbar a:hover:after { content:url('https://64.media.tumblr.com/tumblr_lsr37o6nkK1qhwcy0.gif'); margin-left:5px; </style>
<style> /* navigation section!! */ #navbar { height: 40px; border-width:1px; border: 1px solid #fdb2df; background-color: #fbe4ec; /* navbar color */ width: 70%; top:10px;
}
#navbar ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: space-evenly; }
#navbar li { padding-top: 10px; }
/* navigation links*/ #navbar li a { color:#525252 /* navbar text color */
}
/* navigation link when a link is hovered over */ #navbar li a:hover { filter:drop-shadow(0 1px 0 white) drop-shadow(1px 0 0 white) drop-shadow(0 -1px 0 white) drop-shadow(-1px 0 0 white); font-weight:bold;
} /*end*/
} </style>
<style> body { font-family:ms ui gothic; font-size:15px; color:#525252
</style>
<div id="topborder"></div>
<style> #topborder{ background-image: url('http://i281.photobucket.com/albums/kk203/hiv0lt4g3/Pinky%20Sugar/lace/061-a.gif'); background-repeat: repeat-x; height: 57px; top: -10px; position: relative; filter: drop-shadow(0px 2px 1px white) drop-shadow(0px 0px 1px rgba(211, 211, 211, 0.644)); } </style>
<style> #s-m-t-tooltip{ /* basic */ max-width: 300px; z-index: 1000000000; margin: 24px 14px 7px 12px; /* style and design */ padding:8px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background-image: linear-gradient(#ffeff6, #ffffff, 20%, #fffafc, 30%, #ffd6e7, #ffbcd9); text-shadow: -1px 0 #7e4b38, 0 1px #7e4b38, 1px 0 #7e4b38, 0 -1px #7e4b38; color: white; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://static.tumblr.com/lspzyz3/xloqk6cgp/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("
").style_my_tooltips({ tip_follows_cursor: true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script><style> @font-face { font-family: Magica; src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf); }
#Magica { font-family: Magica; } </style>
<style> h1{ font-size: 4em; font-family: Magica; margin-top: -3px; text-shadow: -2px 0 pink, 0 3px pink, 3px 0 pink, 0 -2px pink; color: white; </style>
<style> h2{ font-size: 2em; font-family: Magica; text-shadow: -2px 0 pink, 0 3px pink, 3px 0 pink, 0 -2px pink; color: white; </style>
<style> /*link stuffs*/ a { color: #ffaeda; text-decoration: none; } a:hover { webkit-filter: blur(0.5px); filter: blur(2px); </style>
<style> #aye { width: 280px; height: 250px; border-width: 1px; border-style: solid; border: 1px solid #ffc9da; overflow: hidden; box-shadow: inset 0 0 10px #ffc9da90; margin: auto; justify-content: center; align-content: center; z-index: 3; margin-left: 1px; margin-top: 9px; padding: 0px; border-radius:9px; background-image: url(https://i.pinimg.com/736x/c7/8b/48/c78b48892c28e48204f17ba178f4ccc5.jpg); background-size: contain;
}
#profileinner{ width: 90%; height: 87%; background: white; margin: auto; border-radius: 4px; border: 2px dashed #ffc9da90; outline: 4px solid white; filter: drop-shadow(2px 2px 1px #DA9F7A50); </style>
<style>
width: 100%; height: 9.5rem; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.466), transparent), url(https://i.pinimg.com/736x/03/53/65/0353653797bbba19b80559bd0a614403.jpg); background-size: contain; box-shadow: inset white 0 0 9px 1px; border: pink 3px solid; border-radius: 10px 3px 0 0; overflow: hidden; }
width: 100%; height: 53px; background: url(https://file.garden/ZRW6VPKULjLI59VM/graphics/lace%20borders%20etc/tumblr_1cb04b244a56e3c62b333585bba8d00c_e7a378ac_250.webp); filter: drop-shadow(0px 4px 1px white) drop-shadow(0px 0px 1px rgba(211, 211, 211, 0.644)); } </style>
<style> ::selection { background: #faf3f2; </style>
<style> /* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */ a:hover { cursor: url('https://external-media.spacehey.net/media/siWQ036H6wo_rSTDt13UMiaqFF9ziaKb5yOWgA5HeaK8=/http://www.rw-designer.com/cursor-view/114440.png'), auto; }
cursor: url('https://external-media.spacehey.net/media/s5fOVb-LIfaD6j7zsMpFaph8Olx-pW3kB0XdEAq0Hegc=/http://www.rw-designer.com/cursor-view/114444.png'), auto; } </style>
<style> #container { max-width: 1100px; /* this is the width of your layout! */ /* if you change the above value, scroll to the bottom and change the media query according to the comment! */ margin: 0 auto; border-image: url(https://files.catbox.moe/qvx3he.png) 30% fill round; border-style: solid; border-width: 30px; } #container a { background-color: #40393b; font-weight: bold; </style>
<br> <div id="container"> <div class="header"><header class="headerheadertotallynotconfusing"></header> <center><h1> Vickkuma! </h1></center></header></div><div> <p> <nav id="navbar"> <ul> <li><a href="vicky.html">about</a></li> <li><a href="blog.html">blog</a></li> <li><a href="hehe">photos</a></li> <li><a href="credits.html">credits</a></li>
</ul> </nav> <center><div id="aye"> <div id="profileinner">pooopy butt</div></div></center>
</div>
<script src="/animatedfavicon.js"></script>