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">
- <!-----------------
- about page by lavvie@bluenaegi.tumblr.com
- thank you for using; please don't remove credit ty
- message me if you have any questions!
- ------------------->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title} - about</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- #s-m-t-tooltip {background: #000;font-size: 10px;font-family: bitxmap;color: #fff;max-width: 250px;text-transform:uppercase;letter-spacing:1px;word-wrap: break-word;padding: 2px 4px;display: block;margin: 10px 10px 10px 15px;text-align: center;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}
- @font-face {font-family: "bitxmap"; src: url('http://static.tumblr.com/jsgxnag/ijHmxmtja/bitxmap_font_tfb.ttf');}
- @font-face {font-family: "press"; src: url('http://static.tumblr.com/j9acwmj/hron0rtru/pressstart2p.ttf');}
- @font-face {font-family: "silk"; src: url('http://static.tumblr.com/j9acwmj/bIMn0rw6b/slkscr.ttf');}
- @font-face {font-family: "wendy"; src: url('http://static.tumblr.com/j9acwmj/PD4n0rwpo/wendy.ttf');}
- ::-webkit-scrollbar {width:1px;}
- ::-webkit-scrollbar-track-piece {background-color:#fff;}
- ::-webkit-scrollbar-thumb:vertical {width:1px;background-color:#ccc;}
- body {font-size: 10px;line-height: 13px;font-family: bitxmap;color:#666;word-wrap:break-word;text-align:left;background:#fafafa url('') fixed repeat right bottom;margin:0;padding: 0;}
- #box {background:#fff;border:1px solid #f0f0f0;padding:10px;width:400px;height:273px;position:fixed;top:150px;left:300px;}
- #bon {width:220px;overflow:auto;height:273px;padding-right:3px;}
- #bon a {color:#ff9f80;}
- #bon a:hover {color:#f56991;text-decoration:none;border-bottom:3px double #f56991;}
- .pon {position:absolute;width:133px;padding:20px;border-bottom:1px solid #ccc;margin-left:230px;}
- .qotu {font-family:consolas;color:#d1f2a5;font-size:60px;opacity:0.5;position:absolute;margin-left:110px;margin-top:2px;}
- .poet {font-family:consolas;color:#ff9f80;font-family:silk;font-size:8px;}
- .libe {position:absolute;margin-left:230px;width:133px;padding:20px;margin-top:100px;}
- .libe a {display:block;font-family:silk;text-align:right;width:100%;text-transform:uppercase;font-size:8px;text-decoration:none;border-bottom:1px solid #ffc48c;color:#aaa;}
- .libe a:hover {border-bottom:1px solid #effab4;background:#fafafa;color:#ffc48c;}
- b,strong {font-weight:100;border-bottom:1px solid #effab5;color:#888;}
- img {height:50px;width:50px;border:1px solid #f0f0f0;padding:9px;background:#fff;}
- object {width:478px;height:50px;left:225px;position:fixed;top:450px;border:1px solid #f0f0f0;padding:9px;background:#fff;}
- #onop {position:fixed;top:75px;height:68px;border:1px solid #f0f0f0;left:300px;background:#fff;width:6px;}
- #pono {position:fixed;top:75px;height:68px;border:1px solid #f0f0f0;left:311px;background:#fff;width:9px;}
- #uiti {position:fixed;top:75px;height:68px;border:1px solid #f0f0f0;left:325px;background:#fff;width:12px;}
- #itiu {position:fixed;top:75px;height:68px;border:1px solid #f0f0f0;left:342px;background:#fff;width:15px;}
- #powt {line-height:90px;font-family:press;text-align:right;text-transform:uppercase;letter-spacing:1px;padding:2px;font-size:40px;position:fixed;top:75px;height:66px;border:1px solid #f0f0f0;left:363px;background:#fff;width:429px;color:#666;}
- #navone img {position:fixed;top:150px;left:728px;background:#fff;border:1px solid #f0f0f0;height:16px;width:16px;padding:26px;text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
- #navtwo img {position:fixed;top:225px;left:728px;background:#fff;border:1px solid #f0f0f0;height:16px;width:16px;padding:26px;text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
- #navtre img {position:fixed;top:300px;left:728px;background:#fff;border:1px solid #f0f0f0;height:16px;width:16px;padding:26px;text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
- #navfor img {position:fixed;top:375px;left:728px;background:#fff;border:1px solid #f0f0f0;height:16px;width:16px;padding:26px;text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
- #navfiv img {position:fixed;top:450px;left:728px;background:#fff;border:1px solid #f0f0f0;height:16px;width:16px;padding:26px;text-align:center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
- #navone img:hover {background:#d1f2a5}
- #navtwo img:hover {background:#effab4}
- #navtre img:hover {background:#ffc48c}
- #navfor img:hover {background:#ff9f80}
- #navfiv img:hover {background:#f56991}
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:100,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <!-----------MAIN NAVIGATION LINKS; LEAVE THESE ALONE---------------->
- <div id="navone"><a href="/" title="home"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png"></a></div>
- <div id="navtwo"><a href="/ask" title="message"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png"></a></div>
- <div id="navtre"><a href="/submit" title="submit"><img src="http://media.tumblr.com/a42a80ddf1f3961ed0c664bd175396d0/tumblr_inline_mni0eqzIRY1qz4rgp.png"></a></div>
- <div id="navfor"><a href="/archive" title="archive"><img src="http://media.tumblr.com/1993d10d01265cc0890de956820e8515/tumblr_inline_mn2m5djCbQ1qz4rgp.png"></a></div>
- <div id="navfiv"><a href="http://bluenaegi.tumblr.com" title="credit"><img src="http://media.tumblr.com/ae17e45fdfabd60bf76e8ae14ac591eb/tumblr_inline_mni0f9jeMH1qz4rgp.png"></a></div>
- <!----------'BARS' CODE STARTS HERE; LEAVE THEASE ALONE EXCEPT FOR THE TITLE, MAKE THAT ONLY ONE WORD LONG------>
- <div id="onop"></div>
- <div id="pono"></div>
- <div id="uiti"></div>
- <div id="itiu"></div>
- <div id="powt">
- TITLE...
- </div>
- <!------CODE FOR INTERACTIVE FISH STARTS HERE. LEAVE IT ALONE OR REPLACE IT WITH A NEW CODE FROM THE SITE-------->
- <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor1=F5C3A4&up_fishColor6=F45540&up_fishColor5=FCE99D&up_fishColor4=DBBFF5&up_foodColor=888888&up_fishColor3=C7FC7C&up_backgroundImage=http://&up_fishColor9=F45540&up_fishColor7=F45540&up_backgroundColor=F5F5F5&up_fishColor10=F45540&up_fishColor8=F45540&up_fishName=Fish&up_fishColor2=B0D7F5&up_numFish=5&" width="300" height="200"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor1=F5C3A4&up_fishColor6=F45540&up_fishColor5=FCE99D&up_fishColor4=DBBFF5&up_foodColor=888888&up_fishColor3=C7FC7C&up_backgroundImage=http://&up_fishColor9=F45540&up_fishColor7=F45540&up_backgroundColor=F5F5F5&up_fishColor10=F45540&up_fishColor8=F45540&up_fishName=Fish&up_fishColor2=B0D7F5&up_numFish=5&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
- <!---------IMAGE ICONS ON LEFT START HERE; PLACE IMAGE URL WHERE TOLD TO DO SO------->
- <img src="FIRST ICON IMAGE URL HERE" style="position:fixed;top:75px;left:225px;">
- <img src="SECOND ICON IMAGE URL HERE" style="position:fixed;top:150px;left:225px;">
- <img src="THIRD ICON IMAGE URL HERE" style="position:fixed;top:225px;left:225px;">
- <img src="FOURTH ICON IMAGE URL HERE" style="position:fixed;top:300px;left:225px;">
- <img src="FIFTH ICON IMAGE URL HERE" style="position:fixed;top:375px;left:225px;">
- <!--------LINKS START HERE------>
- <div id="box">
- <div class="libe">
- <a href="/">LINK ONE</a><br />
- <a href="/">LINK TWO</a><br />
- <a href="/">LINK THREE</a><br />
- <a href="/">LINK FOUR</a><br />
- <a href="/">LINK FIVE</a><br />
- </div>
- <!-----QUOTE SECTION STARTS HERE--------->
- <div class="pon">
- <div class="qotu">"</div>
- <div class="poet">
- MAKE YOUR QUOTE THREE LINES LONG SO IT LOOKS OKAY
- </div>
- <div style="text-align:right;color:#F787A7;font-family:wendy;letter-spacing:1px;">
- ─ QUOTE SOURCE
- </div>
- </div>
- <div id="bon">
- <!------------WRITE YOUR ABOUT HERE--------->
- Example text:
- <p>Lorem <b>ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</b> et dolore magna aliqua. Ut enim ad minim veniam, <a href="/">quis nostrud exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. <i>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</i> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
- <p> Lorem <b>ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</b> et dolore magna aliqua. Ut enim ad minim veniam, <a href="/">quis nostrud exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. <i>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</i> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p> Lorem <b>ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</b> et dolore magna aliqua. Ut enim ad minim veniam, <a href="/">quis nostrud exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. <i>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</i> 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