Junji Ito Theme #3

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">

      <meta name="text:text thing" content="Text here if you want"/>


    <meta name="image:background" />

<meta name="color:links" content="#666">
<meta name="color:link hover color" content="#fff">

     <meta name="text:Link1URL" content=""/>

     <meta name="text:Link2URL" content=""/>

     <meta name="text:Link3URL" content=""/>

     <meta name="text:Link4URL" content=""/>


</head>
<style>
body {
        background:url(http://i.imgur.com/na7xNZK.jpg);
        padding:0px;
        margin:0px;
        font-family:Arial, Helvetica, sans-serif;
        color:#666;
        font-size:12px;
}

a {
        color:{color:links};
        text-decoration:none;

}

a:hover {
    color:{color:link hover color};
}

blockquote {
        border-left:5px solid #666666;
        padding-left:5px;
}

header {
        background:#000000;
        display:block;
        text-align:center;
}

img {

    margin:0px;
    max-width:100%;
}

/* main menu styling */

/* menu container */
menu {
        background:url(http://i.imgur.com/Je53zDG.gif);
        padding:5px;
        text-align:center;
        color:#666;
        margin:0px;
        font-size:12px;
        font-weight:700;
}


header img {
    -moz-border-radius: 15px;
border-radius: 70px;
-webkit-filter: contrast(130%);
 height="100px";
 width="100px";
-webkit-filter: opacity(0.7);
}


header img:hover {


-webkit-filter: contrast(1.1) opacity(1);


}


/* posts container */

#content {
        margin-top:25px;
        margin-left:auto;
        margin-right:auto;
        width:650px;
}

/* posts style */
.post {
        padding:25px;
        width:500px;
        display:block;
        background:url(http://i.imgur.com/9jA4pLz.png);
        display:inline-block;
}

/* post title */
h2 {
    font-size:20px;
    font-weight:700;
    margin:0px 0px 10px 0px;
    color:#666;
}

a. h2 {
    color:#666;
}

/* posts info style */

.information {
        height:100%;
        background:url(http://i.imgur.com/Je53zDG.gif);
        repeat-Y:no-repeat;
        repeat-x:no-repeat;
        color:#666;
        width:100px;
        text-align:center;

}


.information a {
        color:#666;
}

/* note count */

.notec {
    text-align:center;
    padding:3px;

    margin-top:10px;
    display:block;
}


/* date and month style */
.date {
        font-size:20px;
        font-weight:700;
        display:block;
        font-family:monospace;
}

.month {
        display:block;
        text-transform:lowercase;
        font-size:11px;
        font-weight:700;
        margin-top:10px;
}

/* reblog and like button positioning */

.reblog {
    display:inline-block;
    margin:5px;
    margin-top:20px;
}

/* quote posts style */

.quote {
    font-size:20px;
}

/* ask posts style */

.ask {
    padding:5px;
    background:#333;
}

/* chat posts style */
.chat ul {
    display:block;
    list-style:none;
    margin-left:-40px;
}

/* chat lines style */
.chat li {
    padding:3px;
    display:block;
}

/* odd lines style */
.chat .odd {
    background:#222;
}

/* even lines style */
.chat .even {
    background:#333;
}


#content table tr td {
        vertical-align:top;
}

/* pagination styles */

#pagination {
        text-align:center;
        margin:20px;
}

/* current page number */

#pagination span {
        background:#333;
        color:#666;
        padding:5px;
        width:15px;
        height:15px;
        display:inline-block;
        margin-left:2px;
}

/* other page numbers styles */

#pagination a {
        background:#666;
        color:#999;
        padding:5px;
        width:15px;
        height:15px;
        display:inline-block;
        margin-left:2px;
}

/* footer style */

footer {
        background:url(http://i.imgur.com/Je53zDG.gif);
        padding:10px;
        text-align:center;
        color:#666;
        display:block;
        margin:0px;
}
</style>
<body>


<!-- header -->
<header>
        <center>
                <!-- header image -->
                <br><br>
<a href="/"><img src="http://i3.photobucket.com/albums/y81/NinjaGirlSango/Junji%20Ito%20avatars/21.jpg"></a>

        <a href="/ask"><img src="http://i3.photobucket.com/albums/y81/NinjaGirlSango/Junji%20Ito%20avatars/16.jpg" alt=""></a>

       <a href="{text:link1url}"> <img src="http://i3.photobucket.com/albums/y81/NinjaGirlSango/Junji%20Ito%20avatars/88.jpg"></a>

       <a href="{text:link2url}"> <img src="http://i3.photobucket.com/albums/y81/NinjaGirlSango/Junji%20Ito%20avatars/122_zpseca0c6b8.png"></a>

       <a href="{text:link3url}"> <img src="http://i3.photobucket.com/albums/y81/NinjaGirlSango/Junji%20Ito%20avatars/13.jpg"></a>

       <a href="{text:link4url}"><img src="http://i.imgur.com/zbgbuoB.png"></a>

        </center>
        <br>
</header>

<!-- main menu -->
<menu>
   {text:text thing}

</menu>

<!-- content container -->
<div id="content">


        <!-- posts start -->
        {block:posts}
        <table>
                <tr>
                        <!-- posts information -->
                        <td class="information">
                                <!-- posts's date -->
                                {block:Date}
                                    <span class="month">{Month}</span>
                                        <a class="date" href="{permalink}">{DayOfMonthWithZero}<sup></sup></a>
                                        <span class="month">{Year}</span>
                                {/block:Date}

                                <!-- reblog and like button -->
                                <div class="reblog">{ReblogButton}</div>
                                <div class="reblog">{LikeButton}</div>
                                </center>
                        </td>

                        <td class="post">

                        <!-- text post -->
            {block:Text}
                                {block:Title}
                                        <a href="{Permalink}">
                                          <h2>{Title}</h2>
                                        </a>
                                {/block:Title}
                                {Body}
                        {/block:Text}

                        <!-- quote post -->
                        {block:Quote}
                                <div class="quote">
                                  “{Quote}”  — <b><i>{Source}</i></b>
                                </div>
                        {/block:Quote}

             <!-- link post -->
                        {block:Link}
                                <a href="{URL}">
                                  <h2>{Name} »</h2>
                                </a>
                                {block:Description}{Description}{/block:Description}
                        {/block:Link}

                        <!-- photo post -->
                        {block:Photo}
                                <center>
                                  <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
                                </center>
                                {block:Caption}{Caption}{/block:Caption}
                        {/block:Photo}

            <!-- photoset post -->
                        {block:Photoset}
                                <center>
                                  {Photoset-500}
                                </center>
                                {block:Caption}{Caption}{/block:Caption}
                        {/block:Photoset}

                        <!-- chat post -->
                        {block:Chat}
                                <div class="chat">
                                  <ul>
                                        {block:Lines}
                                        <li class="{Alt}">
                                          {block:Label}<b>{Label}</b>{/block:Label}
                                          {Line}
                                        </li>
                                        {/block:Lines}
                                  </ul>
                                </div>
                        {/block:Chat}

            <!-- video post -->
                        {block:Video}
                                {Video-500}
                                {block:Caption}{Caption}{/block:Caption}
                        {/block:Video}

                        <!-- audio post -->
                        {block:Audio}
                                {block:AlbumArt}
                                        <img src="{AlbumArtURL}" width="100" align="left" style="margin-right:5px">
                                {/block:AlbumArt}
                                {AudioPlayerBlack}
                                {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
                                {block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}
                                {block:Caption}{Caption}{/block:Caption}
                        {/block:Audio}

                        <!-- ask post -->
                        {block:Answer}
                                <div class="ask">
                                        <b>{Asker} asked:</b> {question}
                                </div>
                                {Answer}
                        {/block:Answer}


        </td>
    </tr>
</table>
<br><br>

{block:PostNotes}{PostNotes}{/block:PostNotes}

{/block:posts}
        <!-- end posts -->

        <!-- pagination -->
        {block:Pagination}
          <div id="pagination">
                {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
                {block:JumpPagination length="6"}
                {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
                {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
                {/block:JumpPagination}
                {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
          </div>
        {/block:Pagination}

</div>
<!-- posts container ends -->

<!-- footer -->
<footer>
        {CopyrightYears}<br>
        base code © <a href="http://hellolittlered.org">hellolittlered</a> ☢  Junji Ito themed by Kaiju Koi
        <!-- you can delete that part, but I would really appreciate it if you keep it! -->
</footer>

</body>

</html>