|
|
|
<html>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <head> <title>The Heirs</title> <style type="text/css"> #navbar-iframe { display: none } body { text-align: justify; font: 14px calibri; color: #333; line-height: 1.7; text-decoration: none; } .content { margin: 25px auto; width: 790px; } .sidebar { float: left; width: 280px; position: fixed; top: 0px; font: 11px 'Lucida Sans Unicode'; } .posts { width: 480px; float: right; margin: 0 0 5px 0; } ::-webkit-scrollbar {width:8px;background:# fff;} ::-webkit-scrollbar-thumb {background:#bbb;} .h1 { margin-bottom: 25px; font: normal normal 13px Oswald, sans-serif; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #ccc; line-height: 13px; text-align:left; padding: 4px; padding-bottom: 10px; } .h2 { margin-bottom: 3px; font: normal normal 13px Oswald, sans-serif; letter-spacing: 2px; text-transform: uppercase; border-bottom: 1px solid #ccc; line-height: 13px; text-align:left; padding: 4px; padding-bottom: 10px; } .tip { font: normal normal 11px Oswald, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; color:#fff;text-align:center;background: #ccc; display:none; padding: 8px; position:absolute; } a.jeonjin { display:inline-block; -webkit-transition: 0.4s; -moz-transition: 0.4s; padding:3px; width:70px; text-decoration:none; font: normal normal 11px Oswald, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; color: #999; background: #eee; text-align:center; cursor:vertical-text; } @font-face { font-family: 'Short Stack'; font-style: normal; font-weight: 400; src: local('Short Stack'), local('ShortStack'), url(http://themes.googleusercontent.com/static/fonts/shortstack/v4/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff) format('woff'); } a.jeonjin:hover{ -webkit-transition: 0.4s; -moz-transition: 0.4s; background:#bbb;} a { text-decoration: none; color: #333; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; } a:hover { background: #bbb; color: #fff; -webkit-transition-duration:.4s; -moz-transition-duration:.4s; } a.sidelink1{ background: #bbb; color: #fff;font: normal normal 11px Oswald, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; text-align:center; border: 1px solid transparent;display: block; margin: 1px 0; padding: 6px; text-decoration: none; } a.sidelink1:hover { cursor:vertical-text;background: #fff; border: 1px solid #333;color: #333; } a.comment { margin-right: 10px; letter-spacing: 0; } u { color: #333; border-bottom: 1px #983d38 solid; } ul { list-style-type: hiragana } i { font-family: georgia; letter-spacing: 1px; } blockquote { padding: 9px;border-left: 20px solid #bbb; } blockquote:hover { padding: 9px;border-left: 20px solid #ddd; } .blogger-labels { text-transform: lowercase; border-top: 1px dotted #983d38; } .tabs { margin: 0; padding: 0; list-style: none; } .tabs li { list-style: none; } #slider {position:relative;margin-left:7px;margin-top:20px;} #slider img {display:none;width:250px;} #slider a {display:block;} .nivoSlider {width:270px;height:130px;} .nivoSlider img {width:300px;height:130px;} .nivo-slice {display:block;position:absolute;z-index:5;height:100%;} .nivo-box {display:block;position:absolute;z-index:5;} .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;text-transform:uppercase;width:98%; z-index:50;border-right:0px solid #;padding:3px;} .nivo-caption p {margin:0;font-size:11px;} .nivo-caption a {display:inline;} .nivo-html-caption {display:none;} .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} .slider {width:100%;} .slider a {border:0;display:block;} .slider img {position:absolute;top:0px;left:0px;display:none;width:250px;} .nivo-controlNav {display:none;} .nivo-directionNav a {display:block;width:31px;height:34px;background:url(http://i.imgur.com/YlJpGxM.png) no-repeat;text-indent:-9999px;} a.nivo-nextNav {background-position:-30px 0;right:15px;} a.nivo-prevNav {left:15px;} .nivo-caption {font-weight:2;} .nivo-caption a {color:#efe9d1;} </style> </head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/ifqwhnb/GBsm20q7d/jquery.nivo.slider.pack.js"></script> <script type="text/javascript">var $nv4wp = jQuery.noConflict();$nv4wp(window).load(function() {$nv4wp('#slider').nivoSlider({effect:'random', slices:15, // For slice animations boxCols: 4, // For box animations boxRows: 2, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide:0, // Set starting Slide (0 index) directionNav:true, //Next & Prev directionNavHide:true, //Only show on hover controlNav:true, // 1,2,3... navigation controlNavThumbs:false, // Use thumbnails for Control Nav controlNavThumbsFromRel:false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav:true, //Use left & right arrows pauseOnHover:true, //Stop animation while hovering manualAdvance:false, //Force manual transitions captionOpacity:0.8, //Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded });}); </script> <!-- Pop Up Javascript --> <script type="text/javascript"> // Popup window code function newPopup(url) { popupWindow = window.open( url,'popUpWindow','height=530,width=520,left=5,top=5,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes') } </script> <!-- CBOX Javascript --> <script type="text/javascript"> function popcbox() { cboxwin = window.open("","Cbox","width=250,height=300,toolbar=no,scrollbars=no,status=no,resizable=yes"); cboxwin.document.write('<html><head><title>Cbox</title></head><frameset rows="*,75" frameborder="0" framespacing="0">'); cboxwin.document.write('<frame marginwidth="2" marginheight="2" src="http://www2.cbox.ws/box/?boxid=2300557&boxtag=w6xxpw&sec=main" noresize="true" scrolling="auto" name="cboxmain2-2300557" style="border: 0px solid;"/>'); cboxwin.document.write('<frame marginwidth="2" marginheight="2" src="http://www2.cbox.ws/box/?boxid=2300557&boxtag=w6xxpw&sec=form" noresize="true" scrolling="no" name="cboxform2-2300557" style="border: 0px solid;border-top:0px"/>'); cboxwin.document.write('</frameset>'); cboxwin.document.write('<noframes>Cbox needs frames!</noframes></html>'); try { x = screen.width; y = screen.height; cboxwin.moveTo(Math.max((x/2)-125, 0), Math.max((y/3)-150)); } catch (e) {}; } </script> <!-- SIDELINK Javascript --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //When page loads... $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content //On Click Event $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $(".tab_content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active ID content return false; }); }); </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { //Tooltips $(".comment").hover(function(){ tip = $(this).find('.tip'); tip.show(); //Show tooltip }, function() { tip.hide(); //Hide tooltip }).mousemove(function(e) { var mousex = e.pageX + 20; //Get X coodrinates var mousey = e.pageY + 20; //Get Y coordinates var tipWidth = tip.width(); //Find width of tooltip var tipHeight = tip.height(); //Find height of tooltip //Distance of element from the right edge of viewport var tipVisX = $(window).width() - (mousex + tipWidth); //Distance of element from the bottom of viewport var tipVisY = $(window).height() - (mousey + tipHeight); if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport mousex = e.pageX - tipWidth - 20; } if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport mousey = e.pageY - tipHeight - 20; } //Absolute position the tooltip according to mouse position tip.css({ top: mousey, left: mousex }); }); }); </script> <div class="content"> <div class="sidebar"> <center><img border="0" src="" width="270"></center> <center> <div id="slide" style="float:left;"><div id="slider"> <a href="/"><img src="http://i.imgur.com/cPvuwLr.jpg"/></a> <a href="/"><img src="http://i.imgur.com/lqqklH5.jpg"/></a> <a href="/"><img src="http://i.imgur.com/kEbpvSl.jpg"/></a> </div> </center> <table border="0" width="280"> <td> <td valign="top" width="80"> <ul class="tabs"> <li><a class="sidelink1" href="#prof">profile</a></li> <li><a class="sidelink1" href="#aff">linkies</a></li> <a class="sidelink1" href="CBOX LINK">taggies</a> <a class="sidelink1" href="JavaScript:newPopup('http://www.blogger.com/follow-blog.g?blogID=<$BlogIDgt;');"><font style="font: 14px calibri;">+</font> follow</a> <li><a class="sidelink1" href="#cont">credits</a></li> </ul> </td> <td> <td valign="top" width="200"> <div id="prof" class="tab_content" style="height: 140px; width: 179px; padding: 2px;font: normal normal 11px Oswald, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px;overflow: auto; text-align: justify;"> <br/> <br/> <br/> <center>replace this with yours</center> </div> <div id="cont" class="tab_content" style="height: 140px; width: 179px; padding: 2px;font: normal normal 11px Oswald, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; overflow: auto; text-align: center;"> <br><br> <font style="font: 14px arial;">©</font> Theme by <a href="http://sibodohjangankacau.blogspot.com" target="_blank">Adam</a><a href="http://www.blogskins.com/me/adam_faiz" target="_blank">Faiz</a>.<br/> Layout by <a href="http://nisaaaak.blogspot.com" target="_blank">ni</a><a href="http://www.blogskins.com/me/nisaaaak" target="_blank">sak</a>. Image from <a href="http://weheartit.com" target="_blank">we<font style="font: 14px arial;">❤</font>it</a>. Script code is from <a href="http://www.blogskins.com/me/sweetmsery/" target="_blank">sweet.m!sery</a> And the slider from <a href="http://things-to-help-you.tumblr.com/tagged/nivoslider">tthy</a> </div> <div id="aff" class="tab_content" style="height: 140px; width: 179px; padding: 2px;overflow: auto; text-align: justify;"> <center> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> <a class="jeonjin" href="LINK">chingu</a> </div> </td> </table> <br> <center> <select style="color:#fff; font: normal normal 11px Oswald, sans-serif; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; border:1px solid #fff; background-color:#bbb; padding: 2px; width: 266px;" onChange="location.href=this.options[this.selectedIndex].value;"> <option value='' >love is moment</option> <BloggerArchives> <option value="<$BlogArchiveURLgt;"> <$BlogArchiveNamegt;</option> </BloggerArchives> </select> </center> <br/> <br/> </div> <div class="posts"> <Blogger> <div class="h1"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle> <span style="background: #eee;font: normal normal 11px Oswald, sans-serif;text-align:center;line-height:50px;width:20px;height:20px;border-radius:50%;float: right"><BlogItemCommentsEnabled><a class="comment" href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><font style="font: 16px arial;">+</font> <span class="tip"><$BlogItemCommentCountgt; comment ♡</span></a></BlogItemCommentsEnabled></span></div> <$BlogItemBodygt; <br> </Blogger> <div style="font: normal normal 11px Oswald, sans-serif;border-top: 1px solid #ccc;letter-spacing: 1px;margin-top:10px;color:#333;padding:5px;"> <NewerPosts><a style="float:left;" href="<$NewerPostsgt;">◄ NEWER</a></NewerPosts> <OlderPosts><a style="float:right;" href="<$OlderPostsgt;">OLDER ►</a></OlderPosts> </div> </div> </div> </body> </html> |