Kaste Theme

<!DOCTYPE html>
<!--
* PLEASE DO NOT DELETE THIS PART OF THE CODE *
—————————————————————————————————————————————————————————————
╦╔═╔═╗╔═╗╔╦╗╔═╗
╠╩╗╠═╣╚═╗ ║ ║╣
╩ ╩╩ ╩╚═╝ ╩ ╚═╝
      THEME : KASTE
      BY    : SORA KHAN
      BLOG  : LYRICIST.TUMBLR.COM
      ON    : 29TH MAY, 2015 — FRIDAY

              MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
—————————————————————————————————————————————————————————————
UPDATES:
	3 JUN 2015 : Fixed text-bolding issue.
-->
<head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="applicatiofn/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}

<link rel="stylesheet" href="http://static.tumblr.com/axbkdw3/ZkGnqrc4c/res.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://static.tumblr.com/lvdwday/Jovn4pf5u/masonry.pkgd.min.js"></script>
<script src="http://static.tumblr.com/lvdwday/qOLn5da7h/infff.js"></script>
<script src="http://static.tumblr.com/lvdwday/Vh0n5d5h0/imagesloaded.pkgd.min.js"></script>

<script>
    $(window).load(function(){ var $container = $('.posts'); $container.imagesLoaded( function(){ $container.masonry({ itemSelector : '.postbody-{select:Columns}', isAnimated: true, }); }); $container.infinitescroll({ navSelector : 'div.navigation', nextSelector : '.navigation a#next', itemSelector : '.postbody-{select:Columns}', bufferPx : 10000, extraScrollPx: 10000,}, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $container.masonry( 'appended', $newElems, true ); }); } ); });
</script>

<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>

    <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro"/> <meta name="select:Font" content="Abel" title="Abel"/> <meta name="select:Columns" content="one" title="One"> <meta name="select:Columns" content="two" title="Two"> <meta name="color:Background Color" content="#fff" /> <meta name="color:Links Color" content="#666666" /> <meta name="color:Sidebar Background Color" content="#fff" /> <meta name="color:Sidebar Text Color" content="#000" /> <meta name="color:Posts Background Color" content="#fff" /> <meta name="color:Posts Text Color" content="#000" /> <meta name="color:Question Background Color" content="#adadad" /> <meta name="image:Background Image" content="" /> <meta name="image:Sidebar Image" content="" /> <meta name="if:Blog Title" content="1" /> <meta name="if:Faded Background" content="0" /> <meta name="if:Fit Background" content="0" /> <meta name="if:Transparent Sidebar" content="0" /> <meta name="if:Sidebar Shadow" content="0" /> <meta name="if:Fixed Sidebar" content="1" /> <meta name="if:Show Sidebar Image" content="1" /> <meta name="if:Posts Caption" content="0" /> <meta name="if:Posts Shadow" content="0" /> <meta name="text:Link 1 Title" content="" /> <meta name="text:Link 1" content="" /> <meta name="text:Link 2 Title" content="" /> <meta name="text:Link 2" content="" /> <meta name="text:Link 3 Title" content="" /> <meta name="text:Link 3" content="" /> <meta name="text:Link 4 Title" content="" /> <meta name="text:Link 4" content="" /> <meta name="text:Link 5 Title" content="" /> <meta name="text:Link 5" content="" />

<style>
@import url(http://weloveiconfonts.com/api/?family=entypo);

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

    body { background:{color:Background Color} url({image:Background Image}) top left fixed; font:0.8125em {select:Font}; color:{color:Posts Text Color}; -webkit-font-smoothing: antialiased; word-wrap:break-word; {block:ifFitBackground} background-attachment:fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;{/block:ifFitBackground} } a { text-decoration:none; color:{color:Links Color}; } h4 { font-size:1.69230769em; } h6, #ber span { text-transform:uppercase; font-weight:bold; } .whitelay { width:100%; height:100%; position:fixed; background-color:white; opacity:0.8; top:0; } .kaste { width:100%; } .side { {block:ifFixedSidebar} position:fixed; {/block:ifFixedSidebar} {block:ifNotFixedSidebar} position:absolute; {/block:ifNotFixedSidebar} width:15.212765957%; top:26.595744681%; margin-left:15.957446809%; text-align:center; color:{color:Sidebar Text Color}; } .side img { width:100%; } .side a { color:{color:Sidebar Text Color}; } #sidebah { margin:2.0979020979% 0; padding: 3.4965034965% 6.993006993%; background-color:{color:Sidebar Background Color}; {block:ifTransparentSidebar} background-color:transparent; {/block:ifTransparentSidebar} {block:ifSidebarShadow} box-shadow:0 0 2px rgba(0,0,0,0.3); {/block:ifSidebarShadow} } #sidebah h4 { text-transform:uppercase; } .posts { width:53.191489362%; margin-top:0.2127659574%; margin-left:35.638297872%; } .postbody-one, .postbody-two { {block:PermalinkPage} width:80%; {/block:PermalinkPage} float:left; margin:0.4%; background-color:{color:Posts Background Color}; opacity:0.9; {block:ifPostsShadow} box-shadow:0 0 2px rgba(0,0,0,0.3); {/block:ifPostsShadow} } .postbody-one { {block:IndexPage} width:79.6%; {/block:IndexPage} } .postbody-two { {block:IndexPage} width:300px; {/block:IndexPage} } .postbody-one img, .postbody-two img { width:100%; display:block; } .postbody-one:hover, .postbody-two:hover { opacity:0.95; } #theposts { padding:2.52525253%; } .phoreb { position:absolute; color:white; text-align:center; width:100%; top:50%; margin-top:-52px; opacity:0; font-weight:bold; text-shadow:0 0 7px rgba(0,0,0,0.3); {block:ifPostsCaption} display:none; {/block:ifPostsCaption} } .phoreb a { color:white; } #nc { font-size:5.3846153846em; overflow:hidden; } #reb { font-size:1.1538461538em; text-transform:uppercase; margin-top:-15px; } .overw { background-color:white; width:100%;height:100%; opacity:0.1; position:absolute; } .postbody-one:hover .phoreb, .postbody-two:hover .phoreb { opacity:1; } .postbody-one, .postbody-two, .postbody-one:hover, .postbody-two:hover, .phoreb, .postbody-one:hover .phoreb, .postbody-two:hover .phoreb { -o-transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; transition-duration: .4s; } #theposts.ps { margin-left:0.5050505051%; } #theposts.ps img { max-width:100%; } #theposts.quo h4 { font-style:italic; } #theposts.link h4 span { float:right; } #theposts.chat span, #theposts.aud span { font-weight:bold; } #theposts.chat div { margin:5px 0; } #theposts.aud { overflow:hidden; text-align:center; } #theposts.vid iframe { width:100%; display:block; } .ques { margin-bottom:2.5252525253%; background-color:rgba({RGBcolor:Question Background Color},0.5); padding:5.0505050505%; border-radius:2px; } .ans { padding:2.0202020202% 5.0505050505%; border-left:2px solid rgba({RGBcolor:Question Background Color},0.5); } #ber { border-top:1px solid rgba({RGBcolor:Posts Text Color},0.7); text-align:center; padding:2.5252525253% 1.0101010101% 0; margin-top:2.5252525253%; font-size:0.7692307692em; } .pono img { width:20px; display:inline; margin-right:5px; } .capt, .pono img { margin-left:10px; } blockquote {border-left:2px solid rgba({RGBcolor:Question Background Color},0.5);} blockquote { margin:.5em 15px; padding:.5em 6px; quotes:"\201C""\201D""\2018""\2019";} .ocon, .pono img, blockquote p { display:inline;} .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator, #infscr-loading {display:none;}.navigation {display:none!important;}.cwed img {width:15px;height:15px;position:fixed;left:15px;bottom:15px;}


    {CustomCSS}
    </style>
</head>
{block:ifFadedBackground}<div class="whitelay"></div>{/block:ifFadedBackground}
<body>

    <div class="kaste">
    <div class="side">
        {block:ifBlogTitle}<a href="/"><div id="sidebah" class="tit"><h6>{Title}</h6></div></a>{/block:ifBlogTitle}
        <div id="sidebah">
        {block:ifShowSidebarImage}<a href="/"><img src="{image:Sidebar Image}" /></a>{/block:ifShowSidebarImage}
        {block:Description}{Description}{/block:Description}
        </div>
{block:ifLink1Title}<a href="{text:Link 1}"><div id="sidebah"><h6>{text:Link 1 Title}</h6></div></a>{/block:ifLink1Title}
{block:ifLink2Title}<a href="{text:Link 2}"><div id="sidebah"><h6>{text:Link 2 Title}</h6></div></a>{/block:ifLink2Title}
{block:ifLink3Title}<a href="{text:Link 3}"><div id="sidebah"><h6>{text:Link 3 Title}</h6></div></a>{/block:ifLink3Title}
{block:ifLink4Title}<a href="{text:Link 4}"><div id="sidebah"><h6>{text:Link 4 Title}</h6></div></a>{/block:ifLink4Title}
{block:ifLink5Title}<a href="{text:Link 5}"><div id="sidebah"><h6>{text:Link 5 Title}</h6></div></a>{/block:ifLink5Title}
    </div>

    <div class="posts">
    {block:Posts}
        <div class="postbody-{select:Columns}"> {block:Text} <div id="theposts"> {block:Title}<h4>{Title}</h4>{/block:Title} {Body} {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Text} {block:Photo} {block:IndexPage} <div class="phoreb"> <div id="nc"><a href="{Permalink}" {Target}>{NoteCount}</a></div> <div id="reb"><a href="{ReblogURL}" {target}>Reblog</a></div> </div> {/block:IndexPage} <img src="{PhotoURL-500}"/> {block:IndexPage} {block:ifPostsCaption} <div id="theposts"> {block:Caption}<div class="capt">{Caption}</div>{block:Caption} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> </div> {block:ifPostsCaption} {/block:IndexPage} {/block:Photo} {block:Photoset} <div id="theposts" class="ps"> {Photoset} {block:IndexPage} {block:ifPostsCaption} <div id="theposts"> {block:Caption}<div class="capt">{Caption}</div>{block:Caption} </div> {block:ifPostsCaption} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Photoset} {block:Quote} <div id="theposts" class="quo"> <h4>{Quote}</h4> {block:Source} <div style="text-align:right;">– {Source}</div>{/block:Source} {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Quote} {block:Link} <div id="theposts" class="link"> <a href="{URL}" {Target}><h4>{Name} <span class="entypo-link"></span></h4></a> {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Link} {block:Chat} <div id="theposts" class="chat"> {block:Title}{Title}{/block:Title} {block:Lines}{block:Label}<span>{Label}</span>{/block:Label}{Line}<div></div>{/block:Lines} {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Chat} {block:Audio} <div id="theposts" class="aud"> {block:AudioPlayer} {AudioPlayer}{/block:AudioPlayer} {block:TrackName}"{TrackName}"{/block:TrackName}<br> {block:Artist}<span>{Artist}</span>{/block:Artist} {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed} {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Audio} {block:Video} <div id="theposts" class="vid"> {Video-500} {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Video} {block:Answer} <div id="theposts"> <div class="ques"><h6>{Asker}</h6> {Question}</div> <div class="ans">{Answer}</div> {block:IndexPage} <div id="ber"><span><a href="{Permalink}" {Target}>{NoteCount}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>PERMALINK</a></span></div> {/block:IndexPage} </div> {/block:Answer} {block:PermalinkPage} {block:Caption}<div class="capt">{Caption}</div>{block:Caption} {block:NoteCount}<center> {NoteCountWithLabel}</center>{/block:NoteCount} {block:PostNotes} <div class="pono"> {PostNotes} </div> {/block:PostNotes} {/block:PermalinkPage} </div>
    {/block:Posts}
    <!-- {block:NoRebloggedFrom}
{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
{/block:NoRebloggedFrom} -->

{block:ContentSource}<!-- {SourceURL}
{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}
    </div>
    </div>
    <div class="navigation">
{block:Pagination}
{block:NextPage}<p id="page_nav"><a style="float:right;" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
{block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
{/block:Pagination}
</div>
<div class="cwed"><a href="http://lyricist.tumblr.com/"><img src="http://static.tumblr.com/axbkdw3/mgPnowo2t/v-credit.png" /></a></div>
</body>
</body>
</html>