Ace - Version 2

<!---
                        [ #04 ] - Ace
                + THEME BY VALHALLASGODDESS/VALKYRIETHEMES +

    - DO NOT remove credit
    - DO NOT repost/reupload graphics or images provided.
    - DO NOT redistribute to make your own theme.
    - DO NOT use this as a base code.
    - Credit me if taking any part of my coding.


------->

<html>
<head>

    <title>{Title}</title>
    <link rel="shortcut icon" href="http://static.tumblr.com/3lcgguq/aHTn41xr3/okkkk.png">
    <link rel="altertnate" type="application/rss+xml" href="{RSS}">
    <meta name="description" content="" />
    <meta http-equiv="x-dns-prefetch-control" content="off"/>

    <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>


                        <!--- TOOP TIPS --->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/3lcgguq/DCPn25qvq/jquery.style-my-tooltips.js"></script>
<script src="http://static.tumblr.com/3lcgguq/Eifn25qw3/style-my-tooltips.css"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:200,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>


<meta name="if:Monochrome" content="0">
<meta name="if:Image Fade" content="0">
<meta name="if:Show Tags" content="0" >

<meta name="image:Background" content="" >
<meta name="image:Left Sidebar" content= "" >
<meta name="image:Right Sidebar" content= "" >

<meta name="text:Link 1 URL" content="" >
<meta name="text:Link 1" content="" >
<meta name="text:Link 2 URL" content="" >
<meta name="text:Link 2" content="" >
<meta name="text:Link 3 URL" content="" >
<meta name="text:Link 3" content="" >
<meta name="text:Link 4 URL" content="" >
<meta name="text:Link 4" content="" >
<meta name="text:Link 5 URL" content="" >
<meta name="text:Link 5" content="" >

<style type="text/css">

@font-face { font-family: "alienleague"; src: url('http://static.tumblr.com/3lcgguq/SIdn1bh78/alienleague.ttf'); }

@font-face {
font-family: "tinytots"; src: url('http://static.tumblr.com/3lcgguq/UXPn25o2c/tinytots.ttf'); }

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }

@font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }

b {
color: #d44b79;
font-weight: normal;}

i {
color: #d2416a;}

#s-m-t-tooltip{
max-width:300px;
z-index:10;
margin:24px 14px 7px 12px;
padding:5px;
padding-bottom:7px;
background:#fff;
border: 1px solid #ffccdf;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius:0px;
font-family: "tinytots";
text-transform: uppercase;
font-size:8px;
color:#f29cd3;}

 ::-webkit-scrollbar-thumb:vertical {
height: 7px;
width: 1px;
background-color: #63242c;}

::-webkit-scrollbar {
height: 7px;
width: 5px;}

body {
font-size: 13px;
font-family: Calibri, Candara, Segoe;
color: #000;
overflow-x: hidden;
overflow-y: hidden;
background-color: #3c161b;}

a {
color: #df9ec9;
text-decoration: none;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;}

a:hover {
color: #835369;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;}

                                    /* Content */

#container  {
width: 1000px;
margin: auto;
margin-top: 35px;
margin-bottom: 10px;
overflow-y: hidden;
overflow-x: hidden;
background-color: #63242c;
border: 1px solid #000;
height: 623px;}

#postcol {
width: 545px;
height: 408px;
background-color: #000;
margin: auto;
position: relative;
border: 1px solid #000;
top: 175px;
overflow-y: auto;
overflow-x: hidden;
padding: 15px;}

#posts {
width: 500px;
margin-bottom: 15px;
color: #fff;
background-color: #63242c;
padding: 20px;
border: 1px solid #000;}

#posts li {list-style: square;}

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

#posts blockquote blockquote {
border-left: 2px solid black;
padding-left: 7px;}

#posts img, #posts blockquote {max-width: 100%}

                              /* Monochrome + Image Fade */
{block:IfMonochrome}
#photo{
filter: url(“data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale”); /* Firefox 3.5+ */
 filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#photo:hover{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}
{/block:IfMonochrome}

{block:IfImageFade}
#photo{
opacity:.5;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

#photo:hover{
opacity:1.0;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;}
{/block:IfImageFade}



                                    /*Header */

#header {
width: 576px;
height: 155px;
border: 1px solid #63242c;
position: fixed;
margin: 10px;
background-color: #000;
z-index: 10;
top: 35px;
left: 385px;}

#lcontent {
width: 546px;
height: 125px;
background-color: #63242c;
padding: 5px;
left: 15%;
margin: 10px;}

#description {
color: #fff;
width: 540px;
height: 120px;
padding: 5px;
font-family: "silkscreen";
font-size: 8px;
text-transform: lowercase;
top: 60px;
text-align: justify;
position: fixed;}

#desc {
position: relative;
top: 0px;
margin: 10px;}

                            /* Left Sidebar */
#leftsidebar {
width: 195px;
height: 604px;
margin-top: 10px;
margin-left: 10px;
position: fixed;
background-color: #000;}

#leftcontent {
margin: 10px;
height: 585px;}

#lsidebar {
width: 175px;
margin-top: 10px;
height: 205px;
background-color: #63242c;}


                                /* Links */

#homelinks, #links {
text-align: center;
font-family: "silkscreen";
font-size: 8px;
margin-top: 10px;
text-transform: lowercase;}

#homelinks a, #links a {
margin: 10px;
width: 157px;
margin-left: 0px;
background-color: #63242c;
display: block;
padding: 10px;
color: #fff;}

#homelinks a:hover, #links a:hover {
letter-spacing: 3px;
background-color: #000;}

                              /* Pagination */

#pagination {
width: 165px;
height: 20px;
position: fixed;
padding: 5px;
text-align: center;
font-family: "alienleague";
font-size: 15px;
text-transform: lowercase;
background-color: #63242c;}

#pagination a {
color: #fff;}
                            /* Right Sidebar */
#rightsidebar {
width: 195px;
height: 604px;
margin-top: 10px;
margin-left: 795px;
position: fixed;
background-color: #000;}

#rightcontent {
margin: 10px;
background-color: #63242c;
height: 585px;}

                            /* Post Info */
#details {
font-family: "silkscreen";
text-align: center;
font-size: 8px;
height: 30px;
text-transform: lowercase;
padding: 10px;}

#posted {
width: 220px;
padding: 10px;
position: relative;
background-color: #000;}

#rcontent {
width: 210px;
padding: 10px;
margin-top: -28px;
margin-left: 250px;
position: relative;
background-color: #000;}

                        /* Questions and Answers */
#asks, #answer {
width: 500px;
position: relative;
text-align: justify;}

#asker {
font-family: "silkscreen";
color: #000;
font-size: 9px;
margin-top: 25px;
text-transform: lowercase;
margin-left: 85px;}

#arrow {
color: #000;
position: absolute;
margin-top: -22px;
margin-left: 40px;
font-size: 50px;}

#question {
background-color: #000;
border: 10px solid #000;}

#q, #a {margin: 5px;}

/* Tags */
#tags {
font-family: "silkscreen";
letter-spacing:0px;
text-transform: lowercase;
font-size: 10px;
color: #fff;
padding: 5px;}

#tags a {
display:inline-block;
padding: 5px;
font-size: 9px;
margin: 1px;
text-align: center;
color: #fff;
background-color: #000;}

#tags a:hover {
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;}


                                /* Audio Posts */
.dinky {float:left;}


#albumart img{
width:150px;
height:150px;
padding:0px;
z-index: -5;
border-width:0px;}


.player {
width:30px;
overflow:hidden;
height:30px;
padding:0px;
padding-left:5px;
padding-top:3px;
position:absolute;
left:50%;
top:50%;
margin-top:-20px;
margin-left:-20px;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;}

.daplaya:hover {-webkit-transform:scale(.4);}

.daplaya:hover .player {-webkit-transform:scale(3);}

.daplaya {
background-color:black;
width:120px;
height:120px;
position:absolute;
margin-top:-135px;
margin-left:15px;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;}

.donkey {
float:left top;
margin-left:150px;
background-color:black;
padding:20px;
height:110px;
text-align:center;
color:white;}

.track {
font-size:15px;
text-shadow:0px 0px 1px #fff;
letter-spacing:4px;
padding:10px;
font-weight:300;
text-transform:uppercase;
font-family:Helvetica;
color:white;}


.artist {
letter-spacing:1px;
font-style:italic;
font-weight:bold;}

.playcount {
font-size:9px;
text-transform:uppercase;
letter-spacing:3px;}


#audiolo {
width:500px;
padding-bottom:80px;}

.album {font-weight:normal;}


{CustomCSS}
</style>


<body>

<div class="autopagerize_page_element">
<div id="container">

<!--- Start of Header --->
<div id="header">
<div id="lcontent">
<div id="description"><div id="desc">{Description}</div></div>
<!-- End of Desc -->
</div> <!--- End of Header Content --->
</div>
<!--- End of Header --->

<div id="leftsidebar">
<div id="leftcontent">


<div id="homelinks">
<a href="/">Home</a>
<a href="/ask">Message</a>
<a href="/archive">Archive</a>
<a href="http://valkyriethemes.tumblr.com">Credit</a>
</div>

<div id="lsidebar"><img src="{image:Left Sidebar}"></div>

<div id="links">
{block:IfLink1}
<a href="{text:Link 1 URL}">{text:Link 1}</a>
{/block:IfLink1}
{block:IfLink2}
<a href="{text:Link 2 URL}">{text:Link 2}</a>
{/block:IfLink2}
{block:IfLink3}
<a href="{text:Link 3 URL}">{text:Link 3}</a>
{/block:IfLink3}
{block:IfLink4}
<a href="{text:Link 4 URL}">{text:Link 4}</a>
{/block:IfLink4}
{block:IfLink5}
<a href="{text:Link 5 URL}">{text:Link 5}</a>
{/block:IfLink5}
</div>
<!-- End of links --->

<!--- Start of Pagination --->
{block:Pagination}<div id="pagination">
{block:PreviousPage}<a href="{PreviousPage}">←</a>&nbsp;&nbsp;{/block:PreviousPage}
{block:JumpPagination length="3"}
{block:CurrentPage}<span class="current_page">✖</span>&nbsp;&nbsp;{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
</div>{/block:Pagination}
<!--- End of Pagination --->
</div> <!--- End of Left Content --->
</div>
<!--- End of Left Sidebar --->

<div id="rightsidebar">
<div id="rightcontent">
<img src="{image:Right Sidebar}">
</div> <!--- End of Right Content --->
</div>
<!--- End of Right Sidebar --->

<div id="postcol">
{block:Posts}
<div id="posts">

<!---------------------------------------------------
        TEXT POSTS
---------------------------------------------------->
{block:Text}
{block:Title}<h2>{Title}</h2>{/block:Title}
{Body}
{/block:Text}


        <!---------------------------------------------------
                             ANSWER POSTS
        ---------------------------------------------------->

{block:Answer}
<div id="asks">
<div id="question">
<div id="q">{Question}
</div></div> <!-- End of Question + Q --->
<div id="arrow">◥</div>
<div id="asker"> {Asker}
</div> <!--- End of Asker --->

<div id="answer">
<div id="answercontent"><div id="a">{Answer}</div></div>
<!-- End of A+ Content-->
</div> <!--- End of answer --->
</div>  <!--- End of Asks -->
{/block:Answer}

<!---------------------------------------------------
        QUOTE POSTS
---------------------------------------------------->
{block:Quote}
<div class="quote">
<div class="quotetext_{Length}">❝{Quote}❞</div>
{block:Source}<div class="source">{Source}</div>{/block:Source}
</div>
{/block:Quote}

<!---------------------------------------------------
        LINK POSTS
---------------------------------------------------->
{block:Link}
<h2><a href="{URL}">{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}

<!---------------------------------------------------
        CHAT POSTS
---------------------------------------------------->
{block:Chat}
{block:Title}<h2>{Title}</h2>{/block:Title}
<ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
{Line}</li>{/block:Lines}</ul>
{/block:Chat}

<!---------------------------------------------------
                               PHOTO POSTS
---------------------------------------------------->
{block:Photo}
{LinkOpenTag}<div id="photo"><img src="{PhotoURL-500}"alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

<!---------------------------------------------------
                              PHOTOSET POSTS
---------------------------------------------------->
{block:Photoset}
<div id="photo">{Photoset-500}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}


<!---------------------------------------------------
        VIDEO POSTS
---------------------------------------------------->
{block:Video}
{Video-500}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

<!---------------------------------------------------
                    AUDIO POSTS :(
---------------------------------------------------->

{block:Audio}
<div id="audiolo">
<div class="dinky">
{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>
{/block:AlbumArt}

<div class="daplaya"><div class="player">{AudioPlayerBlack}</div></div></div>
<div class="donkey">
<div class="track"> {block:TrackName}{TrackName}{/block:TrackName}</div>

<div class="artist">
{block:Artist}
Artist:{Artist}
{/block:Artist}</div>

<div class="album">
{block:Album}
Album:{Album}
{/block:Album}</div>

<div class="playcount">

{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>

</div>
</div>{/block:Audio}
<!-- End of Audio -->

<!--------------------------------------------------
POST INFO
--------------------------------------------------->

{block:IfShowTags}
{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags} <!-- End of Tags -->
{/block:IfShowtags}

<div id="details">
<div id="posted">
<a href="{Permalink}">{TimeAgo}</a>
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
with <a href="{Permalink}">{NoteCountWithLabel}</a>
</div> <!--- End of Posted --->

<div id="rcontent">
<a href="{ReblogURL}">Reblog</a>
{block:RebloggedFrom}<a href="{ReblogParentURL}"></a>
{/block:RebloggedFrom}

</div> <!--- End of rcontent--->
</div>
<!--- End of Details --->

</div>
{/block:Posts}
</div> <!--- End of Posts --->
</div> <!--- End of Infinite Jaunt --->

{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}


</div> <!--- End of Post Column --->
</div> <!--- End of Container -->
</body>
</html>