Walk It Off Theme - by Chloe

<!DOCTYPE html>
<head>
<!--
 _                  _     _
| |__  _   _    ___| |__ | | ___   ___
| '_ \| | | |  / __| '_ \| |/ _ \ / _ \
| |_) | |_| | | (__| | | | | (_) |  __/
|_.__/ \__, |  \___|_| |_|_|\___/ \___|
       |___/

Walk It Off by Chloe | @dontbrag | @bychloethemes
Do not delete the credit. Do not claim as your own. Do not copy any ideas or code. Do not redistribute.

For html help go to @htmlqueens

-->

<meta name="color:Background" content="#fff" />
<meta name="color:Text" content="#000" />
<meta name="color:Links" content="#666" />

<meta name="if:Pagination" content="0" />
<meta name="if:Tags On Index Page" content="1" />

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

{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
<title>{text:Tab Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background: {color:Background};
    color: {color:Text};
    font-family: times, serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}
iframe, img, embed, object, video {
    max-width: 100%;
}
img {
    height: auto;
    width: auto;
    vertical-align:middle;
}
blockquote {
    border-left:1px solid {color:Post Borders};
    margin:0 0 0 15px;
    padding:0 0 0 5px;
}
a {
    color:{color:Links};
    text-decoration:underline;
}
a:focus {
    outline:none;
}
b, strong {
    font-weight:600;
}
hr {
    height:1px;
    background:#000;
    border:0;
}
h1 {
    font-weight:400;
}
cite {
    margin-top:3px;
    display:block;
    text-align:right;
}
.credit {
    width:14px;
    height:13px;
    position:fixed;
    top: 28px;
    right: 8px;
    line-height: 14px;
    font-size:12px;
    text-transform: uppercase;
    padding:3px 4px;
    overflow: hidden;
        z-index:999999999999999999;
    text-align:left;
    font-family:verdana;
    -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;
  }
    .credit:hover {
    width:126px;
    background:#000;
    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;
            transition: all 0.5s ease-in-out;
  }
  .credit a {
    color:#fff;
    text-decoration: none;
  }
  .credit .mine {
    opacity:0;
    visibility:hidden;
  }
  .credit:hover .mine {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in-out 0.5s;
       -moz-transition: all 0.5s ease-in-out 0.5s;
         -o-transition: all 0.5s ease-in-out 0.5s;
            transition: all 0.5s ease-in-out 0.5s;
}
.fa-diamond {
    position:absolute;
    right:3px;
}
.sidebar1 {
    width:450px;
    position:fixed;
    bottom:30px;
    padding:10px;
    z-index:9;
    right:30px;
    text-align:right;
}
.sidebar h1 {
    margin:0;
    font-size:30px;
}
ul.navlinks {
    padding:0;
    list-style-type:none;
    text-align:right;
    margin:0;
}
ul.navlinks li {
    display:inline-block;
    margin:0 5px;
}
ul.navlinks li:last-child {
    margin-right:0;
}
.content {
    width:600px;
    left:50px;
    position:absolute;
}
article {
    margin:50px 0;
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}
}
article h1 {
    margin:0;
}
article p {
    margin:10px 0;
}
article ul {
    padding:0;
    margin-left:30px;
}
.photoset, .video {
}
{block:IndexPage}
.audio {
    width:350px;
}
.text, .chat, .link, .quote, .answer {
    width:450px;
}
.one {width:360px}
.two {width:600px}
.three {width:440px}
.four {width:300px}
.five {width:560px}
.six {width:340px}
.seven {width:540px}
.eight {width:680px}
.nine {width:480px}
.ten {width:540px}
.eleven {width:320px}
.twelve {width:640px}
.thirteen {width:400px}
.fourteen {width:520px}
.fifteen {width:720px}
{/block:IndexPage}

.audio img {
    {block:IndexPage}
    width:350px;
    height:350px;
    {/block:IndexPage}
    {block:PermalinkPage}
    width:500px;
    height:500px;
    {/block:PermalinkPage}
}
.short h1 {
    font-size:2em;
}
.medium h1 {
    font-size:1.5em;
}
.long h1 {
    font-size:1em;
}
.chat { font-size:14px;}
ul.chat-list {
    list-style-type:none;
    padding:0;
    margin:0;
}
ul.chat-list li {
    margin:3px 0;
    padding:3px 0;
}
span.label {
    font-weight:bold;
}
.tumblr_audio_player {
    height: 30px;
    {/block:IndexPage}
    width: 350px;
    {/block:indexPage}
    {block:PermalinkPage}
    width:500px;
    {/block:PermalinkPage}
}
.asks, .asks2 {
    margin-bottom:10px;
}
.asks {
    float:left;
    margin-right:15px;
}
.asks2 {
    float:right;
    margin-left:15px;
}
.question, .question2 {
    margin-bottom:10px;
    padding:4px;
    line-height:18px;
}
.question {
    margin-left:63px;
}
.question2 {
    margin-right:63px;
}
.question2 p {
    display:inline;
    margin:0;
}
ul.permas {
    padding:0;
    list-style-type:none;
    margin:5px 0;
    text-align:left;
    height:16px;
    overflow:hidden;
}
ul.permas li {
    display:inline-block;
}
ol.notes {
    margin:0 5px 0 0px;
    padding:0;
}

ol.notes li.note {
    padding:0;
    text-align:left;
    line-height:16px;
    width:100%;
    border:0;
    border-radius:0;
    background:transparent;
    padding-bottom:3px;
    padding-top:3px;
}
ol.notes li.note img.avatar {
    display:none;
}

ol.notes li.note span.action {
    font-weight: normal;
}

ol.notes li.note .answer_content {
    font-weight: normal;
}
.pagination {
    margin:50px 0;
}
.pagination h3 {
    font-weight:normal;
}
</style>
</head>
<body>
<div class="sidebar1">
    <h1><a href="/">{Title}</a></h1>
    {block:Description}<p>{Description}</p>{/block:Description}
    <ul class="navlinks">
        <li><a href="/">home</a></li>
        {block:AskEnabled}
        <li><a href="/ask">ask</a></li>
        {/block:AskEnabled}
        {block:SubmissionsEnabled}
        <li><a href="/submit">submit</a></li>
        {/block:SubmissionsEnabled}
        {block:HasPages}
        {block:Pages}
        <li><a href="{URL}">{Label}</a></li>
        {/block:Pages}
        <br>
        {/block:HasPages}
        {block:IfLink1}
        <li><a href="{text:URL 1}">{text:Link 1}</a></li>
        {/block:IfLink1}
        {block:IfLink2}
        <li><a href="{text:URL 2}">{text:Link 2}</a></li>
        {/block:IfLink2}
        {block:IfLink3}
        <li><a href="{text:URL 3}" >{text:Link 3}</a></li>
        {/block:IfLink3}
        <li><a href="/archive">archive</a></li>
        <li><a href="http://dontbrag.tumblr.com" target="_blank">theme</a></li>
    </ul>
</div>
<div class="content">
{block:TagPage}
<artivle><h1>Showing posts tagged with "{Tag}".</h1></artivle>
{/block:TagPage}
{block:DayPage}
<article><h1>Showing posts from {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</h1></article>
{/block:DayPage}
{block:Posts}
<article>
    {block:Text}
    <div class="text">
        {block:Title}<h1>{Title}</h1>{block:Title}
        <p>{Body}</p>
    </div>
    {/block:Text}

    {block:Photo}
    <div class="photo {block:Post1}one{/block:Post1}{block:Post2}two{/block:Post2}{block:Post3}three{/block:Post3}{block:Post4}four{/block:Post4}{block:Post5}five{/block:Post5}{block:Post6}six{/block:Post6}{block:Post7}seven{/block:Post7}{block:Post8}eight{/block:Post8}{block:Post9}nine{/block:Post9}{block:Post10}ten{/block:Post10}{block:Post11}eleven{/block:Post11}{block:Post12}twelve{/block:Post12}{block:Post13}thirteen{/block:Post13}{block:Post14}fourteen{/block:Post14}{block:Post15}fifteen{/block:Post15}">
        <div class="make_lightbox" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
    </div>
    {block:Caption}<p>{Caption}</p>{/block:Caption}
    {/block:Photo}

    {block:Photoset}
    <div class="photoset">
    {Photoset-500}
    {block:Caption}<p>{Caption}</p>{/block:Caption}
    </div>
    {/block:Photoset}

    {block:Quote}
    <div class="quote {Length}">
        <h1>&ldquo;{Quote}&rdquo;</h1>
        {block:Source}<cite>-&nbsp;{Source}</cite>{/block:Source}
    </div>
    {/block:Quote}

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

    {block:Chat}
    <div class="chat">
        {block:Title}<h1>{Title}</h1>{/block:Title}
        <ul class="chat-list">
        {block:Lines}
            <li class="{Alt}">
            {block:Label}<span class="label">{Label}</span>{/block:Label}
            {Line}</li>
         {/block:Lines}
         </ul>
    </div>
    {/block:Chat}

    {block:Audio}
<div class="audio">
    {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
    {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
            <div class="audio-info">
            Artist: <span{block:Artist} style="display:none;"
            {/block:Artist}>Unknown</span>
            {block:Artist}{Artist}{/block:Artist}</br>
            Title: <span{block:TrackName} style="display:none;"
            {/block:TrackName}>Unknown</span>
            {block:TrackName}{TrackName}{/block:TrackName}</br>
            Album: <span{block:Album} style="display:none;"
            {/block:Album}>Unknown</span>
            {block:Album}{Album}{/block:Album}{block:PlayCount}</br>
            Plays: {FormattedPlayCount}{/block:PlayCount}</div>
            {block:Caption}<p>{Caption}</p>{/block:Caption}
</div>
{/block:Audio}

    {block:Video}
    <div class="video">
    {Video-500}
    {block:Caption}<p>{Caption}</p>{/block:Caption}
    </div>
    {block:Video}

    {block:Answer}
    <div class="answer">
    <p>{lang:Asker asked 2}: {Question}</p>
    {block:Answerer}
    <p>{Answerer} replied: {Answer}</p>
    {/block:Answerer}
    <p>{Replies}</p>
    </div>
    {/block:Answer}
{block:IndexPage}
<ul class="permas">
    <li><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{DayOfMonth}{DayOfMonthSuffix} of {Month}, {Year} @ {12HourWithZero}:{Minutes}{AmPm}</a></li>
    <li>/</li>
    <li><a href="{Permalink}">{NoteCount}</a></li>
    <li>/</li>
    <li><a href="{ReblogURL}">Reblog</a></li>
    {block:RebloggedFrom}<li>/</li>
    <li><a href="{ReblogParentURL}">Via</a></li>
    {/block:RebloggedFrom}
    {block:ContentSource}<li>/</li>
    <li><a href="{SourceURL}">Source</a></li>
    {/block:ContentSource}
</ul>
{block:IfTagsOnIndexPage}
{block:HasTags}<div class="taggy">filed under: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
{/block:IfTagsOnIndexPage}
{/block:IndexPage}
</article>
{block:PermalinkPage}
{block:HasTags}
<article id="tags">
        filed under: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}
</article>{/block:HasTags}
{block:PostNotes}
<article id="notes" class="postnotes">
    {PostNotes}
</article>
{/block:PostNotes}
{/block:PermalinkPage}
{/block:Posts}
{block:Pagination}<div class="pagination">
    <h3>{block:PreviousPage}<a href="{PreviousPage}">← prev.</a>{/block:PreviousPage}
    {block:JumpPagination length="5"}
    {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
    {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
    {/block:JumpPagination}
    {block:NextPage}<a href="{NextPage}">next →</a>{/block:NextPage}</h3>
    </div>{/block:Pagination}
</div>
<div class="credit">
  <i class="fa fa-diamond"></i>&nbsp;<a class="mine" target="_blank" href="http://dontbrag.tumblr.com">ByChloeThemes</a>
</div>
</body>
</html>