Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!--------------------
- about page by lavvie@bluenaegi.tumblr.com
- please do not steal thanks
- message me if you have any problems
- ------------------->
- <head>
- <link href="http://static.tumblr.com/xkion9m/Ybpmm6rx4/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/xkion9m/YLomm6s09/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:false,
- tip_delay_time:300,
- tip_fade_speed:800,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <title>a b o u t</title>
- <link rel="shortcut icon" href="http://i387.photobucket.com/albums/oo314/paravidatoda/div40.gif">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <style type="text/css">
- #s-m-t-tooltip{
- max-width:200px;
- color:#fff;
- margin:7px 0px 0px 10px;
- z-index:10;
- background-color: #000;
- font:9px trebuchet ms;
- letter-spacing:1px;
- text-transform: uppercase;
- padding:5px 10px;
- }
- body {
- background-image: url('');
- background-attachment:fixed;
- background-color:#F3F3F3;
- font-family: trebuchet ms, arial;
- font-size:10px;
- line-height:14px;
- text-align:justify;
- }
- #aboutbox {
- background-color: #fff;
- background-image: url('http://static.tumblr.com/xkion9m/6zRmmqd4i/tumblr_lxwynw0pdg1r9g6hvo6_100.png');
- background-attachment:fixed;
- z-index: 100px;
- font-size: 12px;
- color: #666;
- height: 401px;
- width: 400px;
- position: fixed;
- top: 175px;
- left: 280px;
- }
- #aboutbox a {
- color: #000;
- text-decoration: underline;
- }
- #aboutbox a:hover {
- text-decoration: none;
- }
- #container {
- width: 385px;
- text-align: left;
- z-index: 100px;
- font-size: 12px;
- color: #666;
- height: 330px;
- overflow: auto;
- position: fixed;
- top: 220px;
- left: 290px;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #000;
- height: 50px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 5px;
- background-color: #fff;
- }
- #sidebg {
- position: absolute;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- height: 423px;
- width: 55px;
- top: 154px;
- left: 225px;
- }
- #sidetitle {
- position: relative;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- font-family: Courier New, monospace;
- letter-spacing: 1px;
- font-size: 16px;
- color: #fff;
- top: 143px;
- z-index: 9999;
- width: 99.8%;
- left: -590;
- }
- #sideiconone {
- position: absolute;
- top: 174px;
- left: 680px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sideicontwo {
- position: absolute;
- top: 274px;
- left: 680px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sideiconthree {
- position: absolute;
- top: 374px;
- left: 680px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sideiconfour {
- position: absolute;
- top: 474px;
- left: 680px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sideiconone:hover {
- opacity: 0;
- }
- #sideicontwo:hover {
- opacity: 0;
- }
- #sideiconthree:hover {
- opacity: 0;
- }
- #sideiconfour:hover {
- opacity: 0;
- }
- #sidelinkone {
- position: absolute;
- top: 200px;
- left: 210px;
- font-family: monospace;
- font-size: 16px;
- }
- #sidelinkone a {
- color: #fff;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- text-decoration: none;
- text-transform: uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidelinktwo {
- position: absolute;
- top: 250px;
- left: 180px;
- font-family: monospace;
- font-size: 16px;
- }
- #sidelinktwo a {
- color: #fff;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- text-decoration: none;
- text-transform: uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidelinkthree {
- position: absolute;
- top: 300px;
- left: 210px;
- font-family: monospace;
- font-size: 16px;
- }
- #sidelinkthree a {
- color: #fff;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- text-decoration: none;
- text-transform: uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidelinkfour {
- position: absolute;
- top: 350px;
- left: 160px;
- font-family: monospace;
- font-size: 16px;
- }
- #sidelinkfour a {
- color: #fff;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- text-decoration: none;
- text-transform: uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidelinkfive {
- position: absolute;
- top: 400px;
- left: 210px;
- font-family: monospace;
- font-size: 16px;
- }
- #sidelinkfive a {
- color: #fff;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- text-decoration: none;
- text-transform: uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidelinksix {
- position: absolute;
- top: 450px;
- left: 190px;
- font-family: monospace;
- font-size: 16px;
- }
- #sidelinksix a {
- color: #fff;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 5px 5px;
- text-decoration: none;
- text-transform: uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- #sidelinkone a:hover {
- text-decoration: underline;
- }
- #sidelinktwo a:hover {
- text-decoration: underline;
- }
- #sidelinkthree a:hover {
- text-decoration: underline;
- }
- #sidelinkfour a:hover {
- text-decoration: underline;
- }
- #sidelinkfive a:hover {
- text-decoration: underline;
- }
- #sidelinksix a:hover {
- text-decoration: underline;
- }
- #iconone {
- position: absolute;
- top: 174px;
- left: 680px;
- }
- #icontwo {
- position: absolute;
- top: 274px;
- left: 680px;
- }
- #iconthree {
- position: absolute;
- top: 374px;
- left: 680px;
- }
- #iconfour {
- position: absolute;
- top: 474px;
- left: 680px;
- }
- h1 {
- font-family: Andale Mono, monospace;
- color: #fff;
- font-size: 19px;
- background-color: #000;
- background-image: url('http://25.media.tumblr.com/tumblr_lxynxizoeZ1ql5z3qo4_250.jpg');
- background-attachment:fixed;
- padding: 6px 1px;
- }
- ::selection {
- background: #000;
- color: #fff;
- }
- ::-moz-selection {
- background: #000;
- color: #fff;
- }
- b, strong {
- font-weight:none;
- color: #292929;
- }
- i, em {
- font-weight:none;
- color: #330000;
- }
- object {
- position: fixed;
- top: 0px;
- }
- </style>
- </head>
- <body>
- <!------- THIS IS THE BACKGROUND IMAGE. YOU CAN POSITION IT AS YOU PLEASE.------>
- <div style="bottom: -100px; right: -85px; position: fixed;"><img src="IMAGE URL HERE" alt=""></div>
- <div id="sidebg"></div>
- <!------- THIS IS THE CODE FOR THE FISH. YOU CAN GET RID OF THIS IF YOU DON'T WANT FISH.------>
- <object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor9=000000&up_backgroundColor=F3F3F3&up_fishColor10=000000&up_fishColor4=000000&up_foodColor=000000&up_fishColor5=000000&up_numFish=7&up_backgroundImage=&up_fishColor2=000000&up_fishColor7=000000&up_fishColor1=000000&up_fishColor6=000000&up_fishColor8=000000&up_fishName=Fish&up_fishColor3=000000&" width="100%" height="153"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?up_fishColor9=000000&up_backgroundColor=F0F0F0&up_fishColor10=000000&up_fishColor4=000000&up_foodColor=000000&up_fishColor5=000000&up_numFish=7&up_backgroundImage=&up_fishColor2=000000&up_fishColor7=000000&up_fishColor1=000000&up_fishColor6=000000&up_fishColor8=000000&up_fishName=Fish&up_fishColor3=000000&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
- <!------- THE CODE FOR ICONS THAT APPEAR ONLY ON HOVER START HERE.------>
- <div id="iconone">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="icontwo">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="iconthree">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="iconfour">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <!------- YOU CAN CHANGE THE TITLE AND LINKS HERE.------>
- <div id="sidetitle">/// TITLE</div>
- <div id="sidelinkone">
- <a href="/">home</a>
- </div>
- <div id="sidelinktwo">
- <a href="/ask">message</a>
- </div>
- <div id="sidelinkthree">
- <a href="/">LINK</a>
- </div>
- <div id="sidelinkfour">
- <a href="/">LINK HERE</a>
- </div>
- <div id="sidelinkfive">
- <a href="/">LINK</a>
- </div>
- <!-------PLEASE DON'T REMOVE CREDIT UNLESS YOU PLAN TO PUT IT ON A SEPERATE PAGE--------->
- <div id="sidelinksix">
- <a href="http://bluenaegi.tumblr.com">credit</a>
- </div>
- <!------- THE CODE FOR ICONS THAT SHOW WHEN YOU ARE NOT HOVERING OVER THEM START HERE. ------>
- <div id="sideiconone">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="sideicontwo">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="sideiconthree">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="sideiconfour">
- <img style="width 100px; height: 100px;" src="IMAGE URL HERE">
- </div>
- <div id="aboutbox">
- <!--------YOU CAN CHANGE THE ABOUT TITLE IF YOU WANT-------->
- <h1>PUT A TITLE HERE OR DELETE THIS</h1>
- <div id="container">
- <!------------THIS IS WHERE THE ACTUAL ABOUT STARTS. WRITE STUFF HERE--------------->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <i>Ut enim ad minim veniam</i>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</b>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <i>Ut enim ad minim veniam</i>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</b>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <i>Ut enim ad minim veniam</i>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</b>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <i>Ut enim ad minim veniam</i>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <b>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</b>. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement