[TAGS PAGE #01] Ash Like Snow

<!-----------------------------------------------------------------------
            ASH LIKE SNOW TAGS PAGE // etrothemes@TUMBLR
Please,use and enjoy it,but do not take off the credits.
You also may not take the credits and claim as your own,
or even modify it and claim as your own.
You also may not take off parts of the codes to customize another
theme, even if you credit us.
                 THANKS AND ENJOY IT! - etro themes
------------------------------------------------------------------------->

<html>

<head>

<title> {Title} </title>

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

<style>

body {
    background-color:#f7f7f7;
    font-family:calibri;
    font-size:10px;
    color:gray;
}

a {
    text-decoration:none;
    color:gray;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
}

a:hover {
    color:#cccccc;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}

/* COLUMNS AND BOXES */

#c1 {
    position:absolute;
    left:500px;
    top:180px;
    width:300px;
}

#c2 {
    position:absolute;
    left:750px;
    top:180px;
    width:300px;
}

#box {
    width:200px;
    padding:15px;
    margin-bottom:60px;
    background-color:white;
    border:1px solid #eeeeee;
}

#title {
    position:absolute;
    margin-top:-45px;
    margin-left:-16px;
    width:222px;
    padding:5px;
    background-color:#eeeeee;
    text-transform:uppercase;
    text-align:center;
}

/* TOPBAR */

#top {
    position:fixed;
    left:-5px;
    top:-5px;
    width:100%;
    padding-top:100px;
    z-index:2;
    opacity: 0.9;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    background-image: url(http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png);
}

#bar {
    padding:5px;
    padding-left:630px;
    font-size:11px;
    text-transform:uppercase;
    background-color:#eeeeee;
    width:100%;
}

#bar a:hover {
    color:#f7f7f7;
}

/* SIDEBAR */

#side {
    position:fixed;
    left:250px;
    top:70px;
    width:110px;
    text-align:justify;
    z-index:3;
}

#p {
    width:96px;
    padding:15px;
    background-color:white;
    border:1px solid #eeeeee;
    margin-bottom:10px;
    margin-left:-8px;
}

#p img {
    max-width:96px;
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
}

#p img:hover {
    opacity: 0.6;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    transition-duration: .4s;
    -moz-transition-duration: .4s;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
}


</style>

</head>

<body>

<div id="side">
<div id="p"> <img src="{PortraitURL-96}"> </div>
The Gentlemen's Alliance Cross is a shoujo manga written and
illustrated by Arina Tanemura. The Gentlemen's Alliance Cross premiered in the September 2004 issueof Ribon, running until the June 2008 issue.
The 47 chapters were collected and published in 11 tankōbon volumes by Shueisha.
</div>

<div id="top">
<div id="bar">
<a href="/">back to blog</a> ∙ <a href="/ask">message</a> ∙
<a href="http://tumblr.com/dashboard">dashboard</a> ∙
<a href="http://etrothemes.tumblr.com">credits</a>
</div>
</div>

<!- COLUMN 1 ->
<div id="c1">

<!- BOX ->
<div id="box">
<div id="title"> Student Council </div>
→ <a href="/tagged/haine">Haine Otomiya</a> <br>
→ <a href="/tagged/takanari">Takanari Tougu</a> <br>
→ <a href="/tagged/shizumasa">Shizumasa Tougu</a> <br>
→ <a href="/tagged/ushio">Ushio Amamiya</a> <br>
→ <a href="/tagged/maora">Yoshitaka Ichinomiya</a> <br>
→ <a href="/tagged/maguri">Maguri Tsujimiya</a> <br>
</div>

<!- BOX ->
<div id="box">
<div id="title"> Otomiya Familly </div>
→ <a href="/tagged/haine">Haine Otomiya</a> <br>
→ <a href="/tagged/itsuki">Itsuki Otomiya</a> <br>
→ <a href="/tagged/ryouka">Ryouka Otomiya</a> <br>
→ <a href="/tagged/kusame">Kusame Otomiya</a> <br>
</div>

<!- BOX ->
<div id="box">
<div id="title"> Kamiya Family </div>
→ <a href="/tagged/kazuhito">Kazuhito Kamiya</a> <br>
→ <a href="/tagged/maika">Maika Kamiya</a> <br>
→ <a href="/tagged/komaki">Komaki Kamiya</a> <br>
→ <a href="/tagged/tachibana">Tachibana Kamiya</a> <br>
</div>

</div>

<!- COLUMN 2 ->
<div id="c2">

<!- BOX ->
<div id="box">
<div id="title"> Tougu Household </div>
→ <a href="/tagged/takanari">Takanari Tougu</a> <br>
→ <a href="/tagged/shizumasa">Shizumasa Tougu</a> <br>
→ <a href="/tagged/touya">Touya</a> <br>
→ <a href="/tagged/kiriaki">Kiriaki</a> <br>
→ <a href="/tagged/senri">Senri Narimiya</a> <br>
</div>

<!- BOX ->
<div id="box">
<div id="title"> School Staff </div>
→ <a href="/tagged/postman">Postman</a> <br>
→ <a href="/tagged/strahl">Strahl Tachimiya III</a> <br>
</div>

<!- BOX ->
<div id="box">
<div id="title"> General </div>
→ <a href="/tagged/arina">Arina Tanemura</a> <br>
→ <a href="/tagged/manga">Manga</a> <br>
→ <a href="/tagged/artbook">Artbook</a> <br>
→ <a href="/tagged/drama">Drama CD</a> <br>
</div>

</div>

<div style="position:fixed;right:30px;bottom:30px;font-size:15px;">
<a href="http://etrothemes.tumblr.com">♪</a></div>

</body>

</html>