chiaki

<!--
 chiaki
 page made by gyapo.tumblr.com
 don't remove this comment
 -->

<!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">


<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">


<style type="text/css">





 body
{font-family:baskerville;
font-size:9px;
color:#000;
background-color:#fff;
background-image:url('http://40.media.tumblr.com/3ed14cbbe301c5f0e7c457e07f9e593a/tumblr_mwql1zRDWb1sgo88eo3_250.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;
color:#000;}
.bar a:hover
{text-decoration:underline;}

img
{margin-bottom:-2px;}

#all
{margin:0 auto;

width:300px;
}

.bar
{background-color:#fff;
width:299px;
letter-spacing:1px;
font-family:baskerville;
padding:5px 10px 5px 11px;
text-align:center;
    position:fixed;

    box-shadow:0px 0px 4px #ccc;
}

#haut {top:0px;
border-radius:0px 0px 10px 10px;z-index:999;}
#bas {bottom:0px;
border-radius:10px 10px 0px 0px;font-style:italic;}

#bara img
{width:145px;margin-top:-120px;margin-left:-43px;z-index:00;position:fixed;}
#barak img
{width:145px;margin-top:-120px;margin-left:218px;position:fixed;}
#barana img
{width:95px;margin-top:-85px;margin-left:152px;position:fixed;z-index:500;}
#baran img
{width:95px;margin-top:-85px;margin-left:73px;position:fixed;z-index:200;}



#icon
{border-radius:58px;overflow:hidden;width:70px;
margin-top:-80px;z-index:799;position:fixed;
 padding:8px 8px 13px 8px;background-color:#fff;
    margin-left:118px;box-shadow:0px 0px 4px #ccc;
}
#icon img{border-radius:58px;}

#content
{height:100%;width:300px;margin-left:10px;box-shadow:0px 0px 6px #ccc;
background-color:#fff;position:fixed;z-index:-999;margin-top:-80px;}
#posts
{width:280px;margin-left:10px;margin-top:80px;padding:10px;text-align:justify;color:#444;}

.persol
{float:right;width:65px;padding:3px;border:1px solid #eee;margin-left:5px;}
.persol img
{width:65px;}
.perso
{float:left;width:65px;padding:3px;border:1px solid #eee;margin-right:5px;}
.perso img
{width:65px;}
.infol
{border-bottom:1px solid #9bc6ec;padding:0px 0px 0px 12px;font-size:11px;text-align:right;float:right;height:14px;}
.info
{border-bottom:1px solid #f9c993;padding:0px 12px 0px 0px;font-size:11px;}

.post
{margin-bottom:25px;margin-top:2px;min-height:75px;}
.text a
{border-bottom:dotted 1px; color:#9bc6ec;}
.text b
{color:#f9c993;}
.text i
{opacity:0.5;}

</style>
</head>
<body>

<div style="position:fixed;top:-2px;left:2px;opacity:0.5;"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/u/32744359/gday.mp3&t0=iu - good day&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

<div id="all">
<div id="content">

</div>
<!--bottom bar start-->
<div class="bar "id="bas">
       your text here
   </div>
<!--bottom bar ends-->

    <!--Your icon start-->
 <div id="icon">
       <img width="70px" src="https://38.media.tumblr.com/ca6107defb6812f042f291fc37eca864/tumblr_nfrob3yDU01qdm57ho1_100.png"/>
   </div>
   <!--Your icon ends-->

   <!--flowers start-->
<div id="bara"><img src="http://static.tumblr.com/onhp7lq/0tZnf3wae/egg03.png"></div>
<div id="barak"><img src="http://static.tumblr.com/onhp7lq/f2jnfelu7/egg032.png"></div>

<div id="barana"><img src="http://static.tumblr.com/onhp7lq/ZcSnfemxu/egg0555.png"></div><div id="baran"><img src="http://static.tumblr.com/onhp7lq/EsUnfemli/egg055.png"></div>
<!--flowers end-->

<div id="posts">

<!--start left post-->
 <div class="post">
    <a href="url here">
<div class="perso"><img src="https://31.media.tumblr.com/45ee675db8ae6cd96e672d96d9523ea0/tumblr_nfrob3yDU01qdm57ho4_100.png"></div>
    </a>


        <span class="info"><i><u>Lavestale.</u></i> Hautbois.</span><br>
        <span class="text">
        bla bla
        <br>
        next line blabla
    </div><!-- end left post-->


    <!--start right post-->
        <div class="post">
        <a href="url here">
    <div class="persol"><img src="https://31.media.tumblr.com/106810726ac1166940cc201075253364/tumblr_nfrob3yDU01qdm57ho2_100.png"></div>
        </a>

        <span class="infol"> .Piano <i><u>.Sunkei</u></i></span>
        <br><br><br>

        <div class="text" style="margin-top:-21px;">
<a href="/">link</a> <b>bold</b> <i>italic</i> <u>underlined</u> <s>striked</s></div>
    </div><!--right post-->


    <!--start left post-->
 <div class="post">
    <a href="url here">
<div class="perso"><img src="https://31.media.tumblr.com/d61312772892940ac06088133c108570/tumblr_nfrob3yDU01qdm57ho3_100.png"></div>
    </a>


        <span class="info"><i><u>name.</u></i> Position.</span><br>
        <span class="text">
        some text
        </span>
    </div><!--left post-->


    <!--start right post-->
        <div class="post">
        <a href="url here">
    <div class="persol"><img src="https://38.media.tumblr.com/ca6107defb6812f042f291fc37eca864/tumblr_nfrob3yDU01qdm57ho1_100.png"></div>
        </a>

        <span class="infol"> .position <i><u>.name</u></i></span>
        <br><br><br>
        <div class="text" style="margin-top:-21px;">
        some text </div>
    </div><!--right post-->




</div><!--posts-->


<!--top bar start-->
<div class="bar "id="haut">
       <a href="/">home</a> · <a href="/ask">message</a> · <a title="Chiaki page" href="http://gyapo.tumblr.com/">credits</a>
   </div>
  <!--top bar ends-->

</div>



</body>
</html>