anime 2



<!--
 Anime 2
 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 prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
<title>Madness</title>
<link rel="shortcut icon" href="http://38.media.tumblr.com/avatar_dbb378fe90fd_128.png">
<link rel="alternate" type="application/rss+xml" href="http://tikobe.tumblr.com/rss">


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">


  $(function(){
    var divs = $(".tv");
    divs.not("#tv0").hide();
    $("a").click(function(){
        $(".tv").fadeToggle(400, function() {
      });
      divs.filter(":visible").hide();
      $($(this).attr("href")).show();
      return false;

    });
  });
 </script>


<style type="text/css">


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

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


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

#all
{margin:0 auto;
margin-top:80px;
width:550px;
}

#icons
{width:322px;
position:absolute;
z-index:-999;
border:1px solid #fff;
height:460px;border-radius:3px;
}
#out
{height:426px;overflow:auto;width:289px;margin:15px;}

::-webkit-scrollbar-thumb:vertical {background-color:#fff;}
::-webkit-scrollbar {width:5px;border-left:1px solid #fff;background-image:url('http://static.tumblr.com/onhp7lq/2Dunao8d7/trans40-100.png');}
#anime
{width:106px;
padding:6px;
background-image:url('http://static.tumblr.com/onhp7lq/2Dunao8d7/trans40-100.png');border-radius:3px;
float:left;margin:12px;}

.border
{padding:2px;
border:1px solid #fff;
border-radius:2px;}
.picture
{width:100px;
height:100px;
overflow:hidden;}

#wide
{height:100px;}
#long
{width:100px;}

#plus
{position:relative;
text-align:center;
background-color:#fff;
color:#000;font-size:26px;
width:18px;
height:28px;
padding:26px 0px 26px 0px;
overflow:hidden;
margin:-90px 10px 10px 10px;
opacity:0;-webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}

#anime:hover #plus
{opacity:1;width:78px;}

.tv
{float:left;
width:251px;
}

.infos
{margin-top:1px;
text-align:justify;
padding:2px;color:#000;
border:1px solid #fff;
border-radius:2px;text-align:center;}
#name
{font-size:11px;}
#date
{color:#999;text-transform:uppercase;}
#about
{padding:6px;text-align:justify;color:#656565;}

#about a
{background-color:#fff;font-style:italic;}

#menu
{text-align:right;
position:absolute;
width:100px;
margin-top:15px;
margin-left:-101px;
}
.sub
{margin-bottom:2px;}
.link:hover
{background-color:transparent;background-image:url('http://static.tumblr.com/onhp7lq/2Dunao8d7/trans40-100.png');}
.link
{background-color:#fff;}

u
{background-color:#fff;}

i
{background-image:url('http://static.tumblr.com/onhp7lq/2Dunao8d7/trans40-100.png');}


</style>

</head>
<body>

<div id="all">

<div id="menu">
<a href="/"><div class="sub"><span class="link">home page</span></div></a>
<a href="/ask"><div class="sub"><span class="link">message</span></div></a>
<a href="http://gyapo.tumblr.com/"><div class="sub"><span class="link">credits</span></div></a>
</div><!--menu-->


    <div style="float:left">
    <div id="icons"></div><!--icons-->
    <div class="border" id="out">

<div id="anime">
    <div class="border">
    <div class="picture">
    <img id="wide" src="http://media.tumblr.com/tumblr_m9fou235h21r5r7s9.png">
    </div><!--picture-->
        <a href="#tv1"><div id="plus">+</div></a>
    </div><!--border-->
    </div><!--anime1-->

 <div id="anime">
     <div class="border">
     <div class="picture">
     <img id="wide" style="margin-left:-35px;" src="http://33.media.tumblr.com/tumblr_m9y6wlNOal1qjekjeo1_500.gif">
     </div><!--picture-->
        <a href="#tv2"><div id="plus">+</div></a>
     </div><!--border-->
    </div><!--anime2-->


    </div><!--border out-->
    </div><!--left-->
    </div><!--icons-->


<div id="tv1" class="tv">
<div class="border" id="gif"><img width="245" src="http://31.media.tumblr.com/tumblr_lvdq5wc9ms1qjekjeo1_500.gif"></div>

    <div class="infos" id="name">世界一初恋 / Sekaii-ichi Hatsukoi</div>
    <div class="infos" id="date">Shungiku Nakamura M:2008 A:2011
    <br>yaoi, romance
    </div>
    <div class="infos" id="about">My first yaoi ever. I saw a gif of it and decided to check it out.
<br><br>Ever since, I stopped shojo and immersed myself in the yaoi world completely. WATCH IT, it's the best door to a whole new world.</div>
    <div class="infos" id="about"><u>Similar to</u>: junjou romantica.
    </div>
</div><!--tv1-->


<div id="tv2" class="tv">
<div class="border" id="gif"><img width="245" src="http://31.media.tumblr.com/tumblr_m9q84gNJV41qjekjeo1_500.gif"></div>

    <div class="infos" id="name">Sword Art Online</div>
    <div class="infos" id="date">Reki Kawahara LN:2009 A:2012
    <br>fantasy, action, adventure
    </div>
    <div class="infos" id="about">I only watched the first part because it cointained what I expected it to contain : fights, powers, items, epicness, superb ost.</div>
    <div class="infos" id="about"><u>Similar to</u>: Log hozion.
    </div>
</div><!--tv2-->


</div><!--all-->

</body>
</html>