Untitled



    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <!---------------------------------------------------------------------


              [About Page 2: Kanzen] created by Ally (marktuahns.tumblr.com)
              Please keep the credits for this theme! (You may
              redirect to another page if desired.
              Feel free to contact me for any questions! <3


    ---------------------------------------------------------------------->

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

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

    <style type="text/css">

    ::-webkit-scrollbar-thumb{
        background-color: #fff;
        border: 1px solid #000;
        height:auto;
        }

    ::-webkit-scrollbar {
        height:9px;
        width:9px;
        background-color: #fff;
        border: 4px solid #000;
        }

    body {
        background: #000 url('http://static.tumblr.com/cfafa90f693066d96309268b30a4ff16/y4wvbp5/7YTn25gb4/tumblr_static_gray.png') /*this is the color of the page's background; if you want to you a background image, insert the image url within the single quotation marks*/
            center /*you can change this to 'left' or 'right' if you wish*/
            fixed
            repeat; /*if you don't want your background to repeat, replace 'repeat' with 'no-repeat'*/
        margin: 0;
        padding: 0;
        }

    a{
    text-decoration:none;
    color:#fff; /*this is your link color*/
    }

        #credit {
        position:fixed;
        font-size:15px;
        font-weight:normal;
        line-height:150%;
        letter-spacing:2px;
        right:10px;
        bottom:10px;
        text-transform:uppercase;
        text-align:center;
        }

        #credit a {
        padding:2px;
        -moz-transition-duration:0.5s;
        -webkit-transition-duration:0.5s;
        -o-transition-duration:0.5s;
        }

        .whole {
            height:250px;
            width:814px;
            margin-left:auto;
            margin-right:auto;
            position:relative;
            top:180px;
        }

        #pic {
        max-width:250px;
        max-height:250px;
        margin-left:20px;
        margin:auto;
        display:inline-block;
        border:#fff 1px solid; /*you can change this to 'dashed' if you don't like the solid*/
        padding:5px;
        width:250px;
        margin-bottom:5px;
        float:center;
        position:relative;
        }

        #pic img {
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
        }

        #pic img.bottom {
            position:absolute;
            float:center;
            top:5px;
            left:5px;
            opacity:0;
        }

        #pic img.bottom:hover {
            opacity:1;
        }

        #pic img.top:hover {
            opacity:0;
        }

        #pic2 {
        opacity:1;
        max-width:250px;
        max-height:250px;
        margin-left:320px;
        margin:auto;
        display:inline-block;
        border:#fff 1px solid; /*you can change this to 'dashed' if you don't like the solid*/
        padding:5px;
        width:250px;
        margin-bottom:5px;
        position:relative;
        }

        #pic2 img {
            -webkit-transition: opacity 1s ease-in-out;
            -moz-transition: opacity 1s ease-in-out;
            -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
        }

        #pic2 img.bottom {
            position:absolute;
            left:5px;
            top:5px;
            margin-left:auto;
            margin-right:auto;
            opacity:0;
            float:center;
        }

        #pic2 img.bottom:hover {
            opacity:1;
        }

        #pic2 img.top:hover {
            opacity:0;
        }

        #box {
            position:relative;
            display:inline-block;
            width:250px;
            height:255px;
            margin-left:15px;
            margin-right:15px;
            float:center;
        }

        /*PLEASE NOTE THAT THE ABOUT BOX WILL AUTOMATICALLY INCLUDE THE SCROLLBAR IF YOUR DESCRIPTION EXCEEDS 100PX*/
        #about {
        opacity:1;
        color:#fff; /*this is the font color*/
        font-family:cambria;
        float: center;
        text-align:center; /*you can change this to 'left' or 'right' if you wish*/
        padding:5px;
        width:250px;
        overflow:auto;
        font-size:10px;
        top:4px;
        margin-left:-5px;
        border:#fff 1px solid; /*you can change this to 'dashed' if you don't like the solid*/
        max-height:125px;
        position: relative;
    }

    #links  {
        display:inline-block;
        height:45px;
        width:45px;
        margin-top:5px;
        left:-21px;
        padding:4px;
        padding-top:5px;
        float: center;
        text-align:center;
        position: relative;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    #links a.link {
        opacity:1;
        font-family:calibri;
        font-size:8px;
        height:45px;
        width:45px;
        padding:4px;
        padding-top:5px;
        margin-left:5.5px;
        margin-top:-5px;
        float: center;
        position:absolute;
        border:#fff 1px solid; /*you can change this to 'dashed' if you don't like the solid*/
        text-transform:uppercase;
        color:#fff; /*this is the link's text color*/
        background:#4d4d4d; /*this is the link's background color*/
    }

    #links a:hover {
        opacity:1;
        background:#fff;
        color:#000;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }


    </style>
    <body>
    <div class="whole">
    <div id="pic">
    <img class="top" src="http://i.imgur.com/GMv1lRA.jpg?1">
    <img class="bottom" src="http://i.imgur.com/jSiki9r.jpg?1">
    </div>

    <div id="box">
    <div id="about">
    <object width="250" height="125" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gsPlaylist9692460860" name="gsPlaylist9692460860"><param name="movie" value="http://grooveshark.com/widget.swf" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&playlistID=96924608&p=0&bbg=000000&bth=000000&pfg=000000&lfg=000000&bt=FFFFFF&pbg=FFFFFF&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lfgh=FFFFFF&sb=FFFFFF&bfg=666666&pbgh=666666&lbgh=666666&sbh=666666" /><object type="application/x-shockwave-flash" data="http://grooveshark.com/widget.swf" width="250" height="125"><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&playlistID=96924608&p=0&bbg=000000&bth=000000&pfg=000000&lfg=000000&bt=FFFFFF&pbg=FFFFFF&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lfgh=FFFFFF&sb=FFFFFF&bfg=666666&pbgh=666666&lbgh=666666&sbh=666666" /><span><a href="http://grooveshark.com/search/playlist?q=Partners%20In%20Crime%3B%20A%20Max%20Playlist%20Jaspers" title="Partners In Crime; A Max Playlist by Jaspers on Grooveshark">Partners In Crime; A Max Playlist by Jaspers on Grooveshark</a></span></object></object>
    </div>
    <div id="linkbar">
    <div id="links"><a class="link" href="/">HOME</a></div>
    <div id="links"><a class="link" href="/ask">ASK</a></div>
    <div id="links"><a class="link" href="/application">APP</a></div>
    <div id="links"><a class="link" href="http://arguablyterrible.tumblr.com/">OOC</a></div>
    <div id="links"><a class="link" href="/cadetails">DEETS</a></div>
    <div id="links"><a class="link" href="/threads">THREADS</a></div>
    <div id="links"><a class="link" href="/archive">ARCHIVE</a></div>
    <div id="links"><a class="link" href="http://citta-alveare.com/">CITTA ALVEARE</a></div>
    </div>
    </div>
    <div id="pic2">
    <img class="top" src="http://i.imgur.com/DPXRzhU.jpg?1">
    <img class="bottom" src="http://i.imgur.com/QgIGXj6.jpg?1">
    </div>
    </div>
    </div>
    <div id="credit"><a href="http://marktuahns.tumblr.com">✖</a></div>
    </body>
    </html>