Theme 34 by Sofi for Tumblr

<!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><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}

<!---- Theme 34 by Sofi (castiiel.tumblr.com). DON'T REMOVE THE CREDIT OR CLAIM THE THEME AS YOURS. DON'T USE IT AS A BASE --->

<meta name="color:background" content="#fff"/>
<meta name="color:posts background" content="#fff"/>
<meta name="color:column background" content="#f9f9f9"/>
<meta name="color:text" content="#1b1919"/>
<meta name="color:title" content="#1b1919"/>
<meta name="color:link" content="#b8b8b8"/>
<meta name="color:link hover" content="#1b1919"/>
<meta name="color:shadow" content="#444"/>
<meta name="color:scrollbar" content="#999"/>
<meta name="color:border" content="#ddd"/>

<meta name="image:background" content=""/>
<meta name="image:column background" content=""/>

<meta name="if:Info on hover" content="1"/>
<meta name="if:Repeat background" content="0"/>
<meta name="if:Repeat column background" content="0"/>
<meta name="if:Hide numbers on notes" content="1"/>
<meta name="if:Description on click" content="1"/>

<meta name="text:title" content=""/>
<meta name="text:link 1" content="link 1"/>
<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="link 2"/>
<meta name="text:link 2 url" content="/ask"/>
<meta name="text:link 3" content="link 3"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 4" content="link 4"/>
<meta name="text:link 4 url" content="/"/>
<meta name="text:link 5" content="link 5"/>
<meta name="text:link 5 url" content="/"/>

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Lato:400,300:latin', 'Open+Sans:800:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<script src="jquery.js"></script>
<script>
$(document).ready(function(){
  $(".title").click(function(){
    $("#desc").slideToggle(600);
  });
});
</script>

<style type="text/css">

::-webkit-scrollbar {width: 4px; height: 4px; background: {color:background}; }
::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }

body {
    background:{color:background};
    margin:0px;
    color:{color:text};
    font-family:helvetica, sans-serif;
    font-style:normal;
    font-size:10px;
    line-height:120%;
    letter-spacing: 0.8px;
    background-image:url("{image:background}");
    background-size:cover;
    {block:ifRepeatbackground}
    background-size:auto;
    background-repeat: repeat;
    {block:ifRepeatbackground}
    background-attachment:fixed;
    background-position: top left;
}

a {
    text-decoration:none;
    outline:none;
    -moz-outline-style:none;
    color:{color:link};
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

a:hover {
    color:{color:link hover};
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

img {
    border:none;
}

p {
    margin-left: 0px;
    margin-right: 0px;
    word-wrap: break-word;
}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

blockquote {
    padding-left:5px;
    border-left:1px solid;
    margin-left: 0px;
    margin-right: 0px;
}

h1 {
    font-size:15px;
    font-weight:bold;
    font-family: 'Lato',  Helvetica, sans-serif;
    letter-spacing: 1.8px;
    line-height: 130%;
    margin-top:0px;
}

.hr {
    color: #f0eded;
}

#entries {
    padding-bottom:10px;
    width:432px;
}

#post {
   width:400px;
   margin-top:90px;
   padding:15px;
   border:1px solid {color:border};
   text-align: left;
   background: {color:posts background};
   overflow:hidden;
}

#cont {
    padding: 0px 40px;
    width: 432px;
    border-left: 1px {color:border} solid;
    border-right: 1px {color:border} solid;
    position: absolute;
    left:50%;
    margin-left:-256px;
    background:{color:column background};
    min-height:100%;
    background-image:url("{image:column background}");
    background-size:cover;
    {block:ifRepeatcolumnbackground}
    background-size:auto;
    background-repeat: repeat;
    {block:ifRepeatcolumnbackground}
    background-attachment:fixed;
    background-position: top center;
}

#post:hover #indexinfo {
    opacity: 1;
    margin-top: 7px;
    -webkit-transition: opacity 0.6s linear;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

#title {
    padding:20px 15px;
    background-color:{color:posts background};
    border: 1px solid {color:border};
    font-family:trebuchet ms, 'Lato', sans-serif;
    font-size:11px;
    font-weight:bolder;
    letter-spacing:1.7px;
    text-transform: uppercase;
    margin-top:50px;
    text-align:center;
    margin-bottom:20px;
    {block:ifDescriptiononclick}
    cursor:help!Important;
    {/block:ifDescriptiononclick}
}

#desc {
   font-family: 'Lato', sans-serif;
   letter-spacing:1.5px;
   line-height:135%;
   text-align: center;
   {block:ifDescriptiononclick}
   display:none;
   {/block:ifDescriptiononclick}
}

#links {
    font-family:'Lato', sans-serif;
    font-size:9px;
    font-weight:bolder;
    letter-spacing:1.7px;
    text-transform: uppercase;
    text-align:center;
    margin-bottom: 10px;
}

#links a {
    margin: 0px 10px;
    color:{color:text};
    transition: all 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

#links a:hover {
    color:transparent;
    text-shadow: 0px 0px 5px {color:text};
    transition: all 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}

#paycre{
    width: 400px;
    padding:15px;
    border: 1px solid {color:border};
    background-color:{color:posts background};
    margin:100px 0px 50px;
}

#pagination {
    font-family:trebuchet ms, 'Lato', sans-serif;
    font-size:9px;
    font-weight:bolder;
    letter-spacing:1.9px;
    text-transform: uppercase;
    margin-bottom:15px;
    border-bottom:1px solid {color:border};
    width:400px;
    padding:0px 15px 25px;
    margin-left: -15px;
}

#pagination a {
    color:{color:text};
}

#indexinfo {
    width: 400px;
    height: 20px;
    margin-top: 7px;
    position: absolute;
    text-align:center;
    {block:ifInfoonhover}
    margin-top:25px;
    opacity:0;
    -webkit-transition: opacity 0.6s linear;
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    transition: all 0.6s linear;
    {block:ifInfoonhover}
}

.indexinfo {
    border:1px solid {color:border};
    background:{color:posts background};
    padding: 4px 6px 4px 7px;
    font-family:trebuchet ms, 'Lato', sans-serif;
    font-size:7px;
    font-weight:bolder;
    letter-spacing:1.7px;
    text-transform: uppercase;
    margin:0px 10px;
    display:inline-block;
}

.indexinfo a {
    color:{color:text};
}

#permainfo {
    width: 400px;
    margin-left:-15px;
    margin-top:15px;
    padding:15px 15px 0px;
    border-top: 1px solid {color:border};
    font-family:trebuchet ms, 'Lato', sans-serif;
    font-size:8px;
    font-weight:bolder;
    letter-spacing:1.3px;
    text-transform: uppercase;
}

#asker {
    float:left;
}

.question{
    text-align: center;
    margin-bottom:10px;
    padding: 11px;
    border: 1px solid {color:border};
}

.asker {
    text-transform: uppercase;
    font-size:8px;
    font-weight:bolder;
}

.asker a {
    color: {color:text};
}

.answer{
    text-align: left;
}

#credit {
    font-family:trebuchet ms, 'Lato', sans-serif;
    font-size:8px;
    font-weight:bolder;
    letter-spacing:1.7px;
    text-transform: uppercase;
    text-align:center;
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

#credit:hover {
    letter-spacing: 2.5px;
    transition: all 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
}

#credit a {
    color:{color:text};
}

.sources
{
 filter:alpha(opacity=0);
 opacity:0;
font-size: 0px;
}

#quote {
    font-size:16px;
    font-family: 'Lato',  Helvetica, sans-serif;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1.5px;
    line-height: 140%;
}

#cover {
    position: relative;
    z-index: 1;
    height: 80px;
    float:left;
    margin:4px;
    box-shadow:0px 0px 5px {color:shadow};
}

#button {
    width:20px;
    height:30px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    margin: 15px 24px 13px 16px;
}

#buttons {
    background-color: #fff;
    position: absolute;
    z-index: 99;
    margin-top: 15px;
    margin-left: 15px;
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

#post:hover  #buttons {
        opacity:0.5;
    }

#musicinfo {
    margin-left: 110px;
    font-size:10px;
    min-height:70px;
    text-align:left;
    position: relative;
}

#notez {
    padding-bottom:5px;
    padding-top:5px;
    position: relative;
    width:430px;
    display:inline-block;
    text-align: left;
    {block:ifHidenumbersonnotes}
    margin-left:-20px;
    {/block:ifHidenumbersonnotes}
}

#notez a {
    display:inline-block;
    padding-bottom:10px;
}

#notez img {
    display:none;
}

{block:ifHidenumbersonnotes}
#notez ol {
    list-style-type:none;
    margin-left:0px;
}
{/block:ifHidenumbersonnotes}

.sources
{
 filter:alpha(opacity=0);
 opacity:0;
font-size: 0px;
}

{CustomCSS}</style></head><body>

<div id="cont">

<div id="title" {block:ifDescriptiononclick}class="title"{/block:ifDescriptiononclick}>{text:title}</div>

<div id="desc">
<div id="links">
<a href="{text:link 1 url}">{text:link 1}</a>
<a href="{text:link 2 url}">{text:link 2}</a>
<a href="{text:link 3 url}">{text:link 3}</a>
<a href="{text:link 4 url}">{text:link 4}</a>
<a href="{text:link 5 url}">{text:link 5}</a>
</div>

{Description}</div>

<div id="entries">
{block:Posts}

{block:ContentSource}

<!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”

width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />

{/block:SourceLogo}

{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->

{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}

<div id="post">

{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}

{block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}

{block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}

{block:Quote}{block:Source}<b><div style="font-family: courier new; font-size: 11px; text-align: center;">{Source}</div></b>{/block:Source}<br><div id="quote">{Quote}</div>{/block:Quote}

{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}

{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}

{block:Audio}
<div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
{block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
<div id="musicinfo">
{block:TrackName}<div style="padding-top: 12px; text-transform: uppercase; font-size:12px; font-family:'Lato', sans-serif; letter-spacing:1.6px;"><b>{TrackName}</b></div>{/block:Trackname}<br>
{block:Artist}by {Artist}{/block:Artist}<br><br>
{block:PlayCount}►played {PlayCount} times{/block:PlayCount}
</div>
<div style="margin-top:23px;">{block:caption}{Caption}{/block:caption}</div>
{/block:Audio}

{block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}

{block:Answer}
<div class="question" style="margin-bottom:-3px;"><spand class="asker">{Asker}</spand>: {Question}</div><div class="answer">{Answer}</div>{/block:Answer}

{block:indexpage}
<div id="indexinfo">
<div class="indexinfo">{block:Date}{DayOfMonthWithZero}<b>.</b>{MonthNumberWithZero}<b>.</b>{ShortYear}{/block:Date}</div>
<div class="indexinfo"><a href="{Permalink}">{NoteCount} notes</a></div>
<div class="indexinfo"><a href="{ReblogURL}" target="_blank">reblog</a></div>
</div>
{block:indexpage}

{block:permalink}<div id="permainfo">{block:Date}posted on {ShortMonth} {MonthNumberWithZero}{DayOfMonthSuffix} {Year}{/block:Date} with <a href="{Permalink}">{NoteCount}</a> notes
<div style="margin-top:5px;">{block:HasTags}{block:Tags}<a href="{TagURL}" style="margin-right:8px;">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
</div>{/block:permalink}

</div>

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

</div>

<div id="paycre">
{block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}" style="float:left;">go back</a>{/block:PreviousPage}
{block:NextPage}<a href="{NextPage}" style="float:right;">proceed</a>{/block:NextPage}</div>{/block:Pagination}
<div id="credit"><a href="http://castiiel.tumblr.com">theme by castiiel</a></div>
</div>

</div>

</body></html>