Bear Blog

<html> <head> <div style=' position:absolute; top:0px; left:10px; width:200px;'><center style= 'text-align: right;'><span class='Apple-style-span' style='color: #000000; fontfamily:
Verdana, 'Times New Roman', serif;'><b>Update stats :</b></span> </center><div style='background-color: #F3F781; ; repeat; padding: 5px; border:2px solid #FA5882; filter:alpha(opacity=1.5); bor der-radius:5px;'><center><marquee> Welcome to Petal Patch // . Feel free to leav e me ur footprints </marquee></center></div><div style=' position:absolute; top: 50px; left:50px;'></div></div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/ 1.4.1/jquery.min.js"></script> <script> $(document).ready(function() { // //When you click on a link with class of poplight and the href starts with a # $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); //Get Popup Name var popURL = $(this).attr('href'); //Get Popup href to define size //Pull Query & Variables from href URL var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; //Gets the first query string value //Fade in the Popup and add close button $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a sty le="outline: none; background-color: #fff;" href="#" class="close"></a>'); //Define margin for center alignment (vertical horizontal) - we add 80px t o the height/width to accomodate for the padding and border width defined in th e css var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2; //Apply Margin to Popup $('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft }); //Fade in Background $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fad e layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fa ding transparencies return false; }); //Close Popups and Fade Layer $('a.close, #fade').live('click', function() { //When clicking on the close or f ade layer... $('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out }); return false; }); }); </script> </head> <style> #navbar-iframe { display: none; } body { cursor: url(http://i1194.photobucket.com/albums/aa363/Fazeera_Kahar/th_li ghtpink.gif), auto; font-family: tahoma; font-size: 12px; color: #757575; backgr ound: url( http://3.bp.blogspot.com/-Rf2x6vni5Hk/Tqyl5FkJswI/AAAAAAAAB10/8Up6SEz yGsw/s1600/pinkgrain.png ); fixed repeat bottom left #fff; } a:link, a:visited { color:#585858; text-decoration:none; } a:hover { cursor: url(http://cur.cursors-4u.net/others/oth-6/oth585.cur), progress; -webkit-transition: 1.3s; border-bottom: 1px dashed #a7a7a7; } .faz1 { margin-top:5px; text-align: left;font-family: NovaMono; color: #FA5882; letter-spacing: 1px; font-size: 14px; padding: 5px; border-bottom: 1px dashed #F 3F781; } .com { text-align: right; font-family: arial; font-size: 9px; letter-spacing: 1p x; color: #b1b1b1; padding: 5px; } u { text-decoration:none; -moz-border-radius: 2px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; background: #FFCCD6; } u:hover { background: #F35198; color: #FFFFFF; -webkit-transition: 1s; -moz-border-radius: 10px 10px 10px; -webkit-border-radius: 10px 10px 10px; paddi ng: 7x 7px 7px 7px; } b { color: #FF5C6F; } b:hover {
color: #FFFFFF; -webkit-transition: 1s; }
i { color: #FFB0C5; } i:hover { text-decoration:none; color: #C0C0C0; border-bottom: 2px dotted #ffc1cf; padding: 0.1px; } img { border-radius: 10px;-moz-border-radius: 10px; border: 0px solid #000;} .navboy {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progres s; color: transparent; position: absolute; top: 50px; left: 480px;} .page { border:5px solid #ffffff; border-top-left-radius: 1px; border-right: #FF FFFF 2px solid ; border-left: #FFFFFF 2px solid ; border-top-right-radius: 1px; -moz-border-top-left-radius: 15px; -moz-border-top-right-radius: 15px; position: absolute; top: 130px; left: 656px;width: 540px; height: 400px; padding: 10px; background-color: white; overflow: auto; overflow-x: hidden;} blockquote { background : url(http://3.bp.blogspot.com/-QfX8FnF9P2U/TjqKsDGceHI/AAAAAAAABX0/C 7iAxZnXC6M/s1600/backgroundbody+%25281%2529.gif); border:2px solid #FBACB4; -webkit-transition-duration: 3s; padding: 12px; margin: 3px 3px; color: #999999; -webkit-border-radius: 10px; -moz-border-radius: 10px; } blockquote:hover { border:2px dashed #FBACB4; color: #000000; -webkit-transition: 3s; } .naviy {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress ;font-family: century gothic; font-size: 12px; padding: 5px;color: #585858; back ground: #FA5882; text-align:center; -webkit-transition:0.5s; border-top-left-rad ius: 5px;border-top-right-radius: 5px;-moz-border-top-left-radius: 5px;-moz-bord er-top-right-radius: 5px;} .naviy: hover{-webkit-transition:0.5s;cursor: url(http://cur.cursors-4u.net/othe rs/oth-6/oth589.cur), progress;color: #585858;} ::-webkit-scrollbar {height:10px;width: 6px;background: #ffffff;} ::-webkit-scrollbar-thumb {background-color: #FBACC1;-moz-border-radius: 0px;bor der-radius: 0px;} ::-moz-selection {background:#FBACC1;color:#FFFFFF;} ::selection {background:#FBACC1;color:#FFFFFF;} .header {background: #FA5882;display: block;width: 780px;padding: 5px;padding-t op: 15px;height: 50px;color: white;font-family: NovaMono;font-size: 35px;letterspacing: 1px;text-align: right;position: absolute;top: 70px;left: 430px;border-t op-right-radius: 20px;border-top-left-radius: 20px;}
.footer { background: #FA5882; width: 780px; display: block; padding: 5px; height: 20px; border-top: 20px solid #F3F781; color: white; font-family: lucida calligraphy; font-size: 20px; letter-spacing: 1px; text-align: right; position: absolute; top: 550px; left: 430px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } img.icon {width: 90px;height: 90px;float: left; margin-right: 5px; margin-bottom : 5px;padding: 3px;} .faz { font-family: NovaMono; font-size: 14px; color: #FA5882; background-color: #F3F781; border-radius: 4px; -moz-border-radius: 4px; padding: 3px; text-align: center; } * html #fade { /*\*/position: absolute; top: expression((0 + (ignoreMe = documen t.documentElement.scrollTop ? document.documentElement.scrollTop : document.body .scrollTop)) + 'px'); right: expression((0 + (ignoreMe2 = document.documentEleme nt.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ } #foo > #fade { position: fixed; top: 0px; right: 0px; } * html .popup_block { /*\*/position: absolute; top: expression((200 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : docu ment.body.scrollTop)) + 'px'); right: expression((-340 + (ignoreMe2 = document.d ocumentElement.scrollLeft ? document.documentElement.scrollLeft : document.body. scrollLeft)) + 'px');/**/ } #foo > .popup_block { position: fixed; top: 200px; right: 50%; } #fade {display: none;background: #eee;position: fixed; left: 0; top: 0;width: 10 0%; height: 100%;opacity: .80;z-index: 9999;} .popup_block{display: none;background: #fff;padding: 5px;float: left;position: a bsolute;top: 50%; left: 50%;z-index: 99999;/*--CSS3 Box Shadows--*/-webkit-box-s hadow: 0px 0px 20px #F6CED8;-moz-box-shadow: 0px 0px 20px #F6CED8;box-shadow: 0p x 0px 20px #F6CED8;} img.btn_close {float: right;} /*--Making IE6 Understand Fixed Positioning--*/
*html #fade {position: absolute;} *html .popup_block {position: absolute;} </style><body> <div class="header"><left><span style="color: #F2F5A9">Petal Patch //</span></di v> <div class="navboy"> <a href="#?w=600" rel="about" title="Fazeera" class="poplight"><span class="navi y"onClick="changeNavigation('about')">Profile</a></span> <a href="#?w=600" rel="cakap" title="Nur" class="poplight"><span class="naviy"on Click="changeNavigation('cakap')">Tagboard</a></span> <a href="#?w=600" rel="link" title="Fatin" class="poplight"><span class="naviy"o nClick="changeNavigation('link')">Linkies</a></span> <a class="naviy" href="http://www.blogger.com/follow-blog.g?blogID=YOUR BLOG ID" >+Follow</a> <a class="naviy" href="http://www.blogger.com/home">Dashboard</a> </div> <div id="sidebar"style=" background: #FFFFFF; width:200px; height:400px; padding:15px; position:absolute ; text-align:justified; left:430px; overflow:auto; top:130px;"> <div class="faz">Le Owner</div><br> <center><img src="http://data.whicdn.com/images/20925198/381943_1663528765825_17 65434949_931541_1127334797_n_large.jpg"width="200"/></center><center> <br> <center>Welcome to <b>Petal Patch //</b>.<br> I need your respect when you're in my blog.Can't follow them? click the [x] mark above!<br> <br> <center><object width="200" height="25"><param name="movie" value="http://www.yo utube-nocookie.com/v/6IAbJYz-y3A?fs=1&autoplay=1&color1=0xffffff&col or2=0xffffff" /><param name="allowFullScreen" value="true" /><param name="allows criptaccess" value="always" /><embed src="http://www.youtube-nocookie.com/v/6IAb JYz-y3A?fs=1&autoplay=1&color1=0xffffff&color2=0xffffff" type="appli cation/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" widt h="200" height="25"></embed></object></center></a><br /></center>  <b>PUT ALL YOUR BIO HERE . THANKS :D</b> <----</center> <br><br> <center> <img border="0" src="http://i967.photobucket.com/albums/ae157/kazumachi/Sozai/di vider.png" /></div><br> <br></center>
<div id="link" class="popup_block"> <div class="faz1">Linkies</div><br> <center><img src="http://27.media.tumblr.com/tumblr_ls7wqwa3Gd1qkscwbo1_400.jpg" width="500"><br><br> <center><b>Link Exchange :</b></center><br> <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> |
<a href="http://fazeerakahar.blogspot.com/">Friends</a> | <a href="http://fazeerakahar.blogspot.com/">Friends</a> | <i>Who the next?</i> |<br><br> </div> <div id="cakap" class="popup_block"> <div class="faz1">Tagboard</div><br> <center><img src="http://data.whicdn.com/images/20905813/tumblr_lwzjf7kuIN1qejio eo1_500_large.jpg" width="500"><br><br> <center> No harsh word ! leave me your nice words . Thanks<b> ?</b><br><br> <center> ------> <b>YOUR CBOX CODE . WIDTH 500px </b> <------</br> </div> <div class="page"> <blogger> <div class="faz1"><$BlogItemTitle$></div> <div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick $>><$BlogItemCommentCount$> comment[s]</a></BlogItemCommentsEnabled></div><br> <$BlogItemBody$> </blogger> <center><OlderPosts><a href=<$OlderPosts$>> OLDER</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>NEWER </a></NewerPosts></center><br></div> </div> <div class="footer"><span style="color: #F2F5A9">Adios</span><span style="color: #FFFFFF"> </span></div> <a style="position: fixed; bottom: 0px; left: 10px;"><img src="http://i.imgur.co m/vnjWE.png"></a> </body> </html>

Bear Blog

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Bear Blog

Uploaded by

Copyright:

Available Formats

<html> <head> <div style=' position:absolute; top:0px; left:10px; width:200px;'><center style= 'text-align: right;'><span class='Apple-style-span' style='color: #000000; fontfamily:

color: #FFFFFF; -webkit-transition: 1s; }

You might also like