mini diary



<!--
mini diary
 theme 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:lucida console;
font-size:9px;
color:#aaa;
background-color:#fff;
background-image:url('http://static.tumblr.com/f4059bc803f816607488b484a8659cd2/onhp7lq/xa2ndappf/tumblr_static_74cyguhnvukg8wccogogw880k.png');
background-position: fixed;
background-attachment:fixed;
background-repeat:repeat;}

a
{text-decoration:none;
color:#000;}


#all
{position:fixed;
bottom:3px;
margin-left:200px;

}

#top
{border:1px solid #bbb;
padding:3px;
border-radius:3px;
text-align:center;
width:386px;
color:#000;
margin-bottom:3px;
border:1px solid #bbb;
padding:10px 3px 10px 3px;
background-color:#fff;
font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;z-index:999;
border-radius:3px;}

#photo
{width:175px;
border:1px solid #bbb;
padding:3px;
border-radius:3px;
moz-border-radius:3px;
}

#explanation
{text-align:center;
font-family:courier;text-transform:uppercase;letter-spacing:1px;font-size:8px;margin:-15px 0px 0px 42px;width:84px;
padding:7px;
background-color:#fff;
color:#000;
position:absolute;
border-radius:3px;
moz-border-radius:3px;
border:1px solid #bbb;}

.title
{margin-bottom:3px;color:#666666;}

.entry
{width:200px;
text-align:justify;
padding:3px;
margin-left:3px;
margin-bottom:3px;
border-radius:3px;
moz-border-radius:3px;
border:1px solid #bbb;
background-image:url('http://static.tumblr.com/724e5e00276451786ebe0ce3eba9d4d2/onhp7lq/TGCn9zhbp/tumblr_static_83i4lnzzki04ggkcwsss0wc4g.png');}
.entry a
{text-decoration:underline;}
.entry a:hover
{font-style:italic;}


.title img
{margin-right:2px;}
.date
{color:#fb4a50;text-decoration:underline;}

#links
{position:absolute;width:84px;text-align:center;margin-top:12px;letter-spacing:5px;padding-left:3px;}
#links a
{color#000;}

#infos
{float:left;height:330px;overflow:auto;width:230px;}

</style>


</head>
<body>


<div id="all">
<div id="top">Type some text here
        <br> an other line maybe
</div>
    <div style="float:left;">

    <div id="photo"><img width="175px" src="http://36.media.tumblr.com/tumblr_mecoi8YXxX1r9g6hvo1_250.png"></div><!--(SIDE PICTURE) photo-->
    <div id="explanation">a title ?
    <div id="links"><a title="Home" href="/">x</a> <a title="Message" href="/ask">x</a> <a title="Theme" href="http://gyapo.tumblr.com/">x</a></div>
    </div><!--expl-->

    </div>

    <div id="infos">
     <div class="entry">
        <div class="title"> <img width="15px" src="http://gazo.emoji7.jp/img/04c0h_613669/%E3%81%86%E3%81%95%E3%81%8E+%E8%A6%8B%E3%81%A6%E3%81%AD%28%5E%E2%97%87%5E%29%E2%94%9B_m.gif"> <span class="date">9.10.14</span> i was praised</div>
        <div class="message"><u>underline</u> <a href="http://">link</a>.
<br> <br> <b>bold</b> <i>italic</i> and more text
        </div>
    </div><!--entry-->


    <div class="entry">
        <div class="title"> <img width="15px" src="http://media.tumblr.com/464e2b5f5969feec0025c815e2f4f7e9/tumblr_inline_mzjjhhQdXu1rxsw83.gif"> <span class="date">1.10.14</span> title</div>
        <div class="message"> text text text
        </div>
    </div><!--entry-->

    <div class="entry">
        <div class="title"><img width="15px" src="http://media.tumblr.com/33d6564ccdbf33100b794d9877156683/tumblr_inline_mley65bGAX1rxsw83.gif"> <span class="date">19.09.14</span> Gift</div>
        <div class="message">Church-key locavore gastropub try-hard, small batch fashion
        <br> axe trust fund Etsy mlkshk
        <br>semioticscenester retro.</div>
    </div><!--entry-->


    </div>
</div>


</body>
</html>