this lock

ลำดับตอนที่ #7 : petulant

<title></title>

<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script><script>function changeNavigation(id) {document.getElementById('default').innerHTML=document.getElementById(id).innerHTML}</script>

<style type="text/css">

#navbar-iframe { display: none; }

#qTip { background: rgba(186, 149, 159, 0.7); padding: 2px 4px; color: #FFF; display: none; font-family: courier new; text-transform: uppercase; ; position: absolute; }

body { background: #fbfbfb; font-family: arial, sans-serif; font-size: 10px; color: #555; cursor: default; }

::moz-selection { background: #555; color: #FFF; }

::selection { background: #555; color: #fff; }

blockquote { border-top: 1px solid rgba(186, 149, 159, 0.5); border-bottom: 1px solid rgba(186, 149, 159, 0.5); padding: 5px; font-family: georgia; font-style: italic; letter-spacing: 1px; }

i { font-family: georgia; color: #AAA; }

b { padding: 1px 3px; background: #95BAB0; color: #FFF; font-family: courier new; text-transform: uppercase; }

li { list-style-image: url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/3.gif); }

li:hover { list-style-image: url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/1.gif); }

.blogger-labels { font-family: georgia; text-transform: lowercase; font-style: italic; background: rgba(149, 186, 176, 0.1); padding: 4px 6px; color: rgba(149, 186, 176, 0); font-size: 0px; text-align: center; }

.blogger-labels a { font-size: 10px; margin: 0 4px; }

.blogger-labels a:before { content: '#'; }

a { color: #95BAB0; text-decoration: none; }

a:hover { text-decoration: underline; color: #BA959F; }

#centered { margin: 20 auto; width: 800px; }

#container { width: 500px; position: absolute; margin-bottom: 10px; }

#entry { margin-bottom: 20px; background: #FFF; padding: 10px; }

#entry img { margin-bottom: 4px; }

.entrytitle { font-family: times new roman; font-size: 20px; text-transform: lowercase; font-style: italic; font-weight: bold; text-decoration: none!important; color: #95BAB0; }

.entrytitle a:hover { text-decoration: none; }

.date { padding: 1px; font-family: courier new; text-transform: uppercase; font-size: 10px; border-top: #F5F5F5 1px solid; border-bottom: 1px solid #F5F5F5; margin-bottom: 5px; margin-top: -5px; }

.date a:hover { text-decoration: none; }

.pages { margin-bottom: 10px; }

.pages a { padding: 5px 7px; background: #FFF; }

.pages a:hover { text-decoration: none; }

 

#sidebar { margin-left: 520px; top: 50px; width: 240px; position: fixed; }

img.sideimg { px; width: 240px; opacity: .8; position: relative; }

.naviboard { background: rgba(255,255,255,1); opacity: 1; filter: alpha(opacity=100); padding: 5px; ; position: relative; margin-bottom: 5px; text-align: center; }

.navi { padding: 0px 10px; margin-top: 2px; }

.blurb { background: #fff; padding: 7px; ; position: relative; }

.networks { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5; }

.networks a { font-family: courier new; font-size: 12px; letter-spacing: -1px; color: #BA959F; padding: 0px 3px; }

.networks a:hover { text-decoration: none; color: rgba(186, 149, 159, 0.6); padding: 0px 3px; }</style>

<div id="centered">

<div id="sidebar">

<img class="sideimg" src="http://media.tumblr.com/tumblr_m2rin0vJDS1qfamg6.png" /> <!--NAVIGATIONS-->

<div class="naviboard">

<a href="/" title="home"><span class="navi"><img src="http://4.bp.blogspot.com/-iZXefUB1zW8/T6TyDjEIjoI/AAAAAAAABf4/yj7crA-WESs/s1600/1335651555_home.gif" /></span></a><a href="/"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"><img src="http://4.bp.blogspot.com/-9NpfETnaUQ0/T6TyG-zc4mI/AAAAAAAABgU/OamaHUVheN8/s1600/1335651577_edit.gif" /></span></a><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('tag').innerHTML"><a href="/"><img src="http://1.bp.blogspot.com/-lhUroLUUpIY/T6TyKhC3E5I/AAAAAAAABhA/vnJRa6oKsJs/s1600/1335651593_comment.gif" /></a></span><a href="/"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"><img src="http://1.bp.blogspot.com/-b88RXBMiS88/T6TyHkFohII/AAAAAAAABgc/A9gNaDjM_vs/s1600/1335651580_heart.gif" /></span></a><a href="/"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('creds').innerHTML"><img src="http://2.bp.blogspot.com/-GQB_Q6HQjXc/T4_WHClkBVI/AAAAAAAABGs/IaIyytX_MhA/s1600/computer.png" /></span></a></div>

<!---END NAVIGATIONS--><!---THE REAL SIDEBAR-->

<div id="main">

&nbsp;</div>

<div id="profile" style="display: none;">

<div class="blurb">

hello i&#39;m *brainy* the dragon egg and i have lots of brains. i like to eat egg shells and human eyeballs :) nice to meet you. your profile here</div>

</div>

<div id="tag" style="display: none">

<div class="blurb">

your tagboard code here. width is 240px. height .... well it&#39;s up to you but just not too long cos this section is fixed.</div>

</div>

<div id="archive" style="display: none">

<div class="blurb">

<span style="font-family: courier new;">RECENT POSTS:</span><bloggerpreviousitems>

<li>

<a href="&lt;$BlogItemPermalinkURL$&gt;">&lt;$BlogPreviousItemTitle$&gt;</a><br />

<br />

<span style="font-family: courier new;">MONTHLY ARCHIVES:</span> <bloggerarchives></bloggerarchives></li>

<li>

<a href="&lt;$BlogArchiveURL$&gt;">&lt;$BlogArchiveName$&gt;</a></li>

</bloggerpreviousitems></div>

</div>

<div id="links" style="display: none">

<div class="blurb">

<div class="networks">

<center>

<a href="http://tumblr.com" target="_blank">tumblr</a> <a href="http://blogspot.com" target="_blank">blogger</a> <a href="http://twitter.com" target="_blank">twitter</a></center>

</div>

<a href="/" target="_blank">affies</a> <a href="/">and</a> <a href="/" target="_blank">friends</a> <a href="/">here</a> <a href="/">tum</a> <a href="/" target="_blank">te</a> <a href="/">tum</a> <a href="/">tralala</a></div>

</div>

<div id="creds" style="display: none">

<div class="blurb">

&#39;petulant&#39; is handcoded by <a href="http://blogskins.com/me/florals" target="_blank" title="florals">florals</a> with images from <a href="http://tumblr.com">tumblr</a> <a href="http://fourteenroses.tumblr.com" target="_blank">xxx</a></div>

</div>

</div>

<!--END THE REAL SIDEBAR-->

<div id="container">

<blogger>

<div id="entry">

<blogitemtitle>

<div class="entrytitle">

<a href="&lt;$BlogItemPermalinkURL$&gt;">H</a>ello!!~~~~ everybody</div>

<div class="date" style="text-align: center;">

<span style="font-family: arial, sans-serif;">เขียนอะไรลงไป<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

.<br />

อย่าลืมเปลี่ยนสี ด้วยน้าาาา</span></div>

</blogitemtitle></div>

</blogger>

<div class="pages">

<olderposts><a href="&lt;$OlderPosts$&gt;">&lArr; older</a></olderposts><newerposts><span style="float: right;"><a href="&lt;$NewerPosts$&gt;">newer &rArr;</a></span></newerposts></div>

</div>

</div>

<br />

<style type="text/css">

.external, #module_right, .modulebg1, .left, .headtable, #header, #footer, #head_module_desc, #module_right .modulebg2, #module_left .modulebg2,#neck, .hr2, #head_module_name, .head2, .hr1  { display: none!important;}

.right {background: none; border: 0px!important; border: none!Important; position: absolute; top: 0px; left: 0px;} .modulebg2 {background: none;} .mainborder {border:none!important;}</style>