High Theme

<html lang="en">
<!--
* PLEASE DO NOT DELETE THIS PART OF THE CODE *
—————————————————————————————————————————————————————————————
╦ ╦╦╔═╗╦ ╦
╠═╣║║ ╦╠═╣
╩ ╩╩╚═╝╩ ╩
      THEME : HIGH
      BY    : SORA KHAN
      BLOG  : LYRICIST.TUMBLR.COM
      ON    : 20TH FEBRUARY, 2014 — THURSDAY

              MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
—————————————————————————————————————————————————————————————
	LAST UPDATE : JAN 24TH 2016
-->
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://25.media.tumblr.com/a7db8098a96208309c74e890cdf805e7/tumblr_mvwlbgkayd1sal1j1o1_250.png" style="filter:alpha(opacity=80); -moz-opacity:0.8; width:40px; height:40px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:10, offsety:0}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},

keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},

togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll To Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}

scrolltotop.init()</script>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'><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}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script><meta name="color:Background" content="#ffffff" /><meta name="color:Sidebar Background" content="#ffffff" /><meta name="color:Posts Background" content="#ffffff" /><meta name="color:Posts Text" content="#000000" /><meta name="color:Description Text" content="#000000" /><meta name="color:Links" content="#666666" /><meta name="color:Links Hover" content="#131313" /><meta name="color:Permalinks Color" content="#000000" /><meta name="color:Navigation Color" content="" /><meta name="color:Blockquote" content="#eeeeee" /><meta name="color:Question Background Color" content="#eeeeee" /><meta name="color:Question Color" content="#000000" /><meta name="color:Asker Background Color" content="#c7c7c7" /><meta name="image:Sidebar Image" content="" /><meta name="image:Background Image" content="" /><meta name="if:Title" content="1" /><meta name="if:Medium Posts" content="0" /><meta name="if:Large Posts" content="0" /><meta name="if:Post Borders" content="0" /><meta name="if:Transparent Sidebar" content="0" /><meta name="if:Faded Sidebar" content="0" /><meta name="if:Sidebar Shadow" content="0" /><meta name="select:Sidebar Position" content="left" title="Left"><meta name="select:Sidebar Position" content="right" title="Right"><meta name="select:Posts Mode" content="none" title="None"><meta name="select:Posts Mode" content="faded" title="Faded"><meta name="select:Posts Mode" content="invertedfade" title="Inverted Fade"><meta name="select:Posts Mode" content="saturated" title="Saturated"><meta name="select:Posts Mode" content="desat" title="Desaturated"><meta name="text:Heading One" content="" /><meta name="text:First Link One Title" content="" /><meta name="text:First Link One" content="" /><meta name="text:First Link Two Title" content="" /><meta name="text:First Link Two" content="" /><meta name="text:First Link Three Title" content="" /><meta name="text:First Link Three" content="" /><meta name="text:First Link Four Title" content="" /><meta name="text:First Link Four" content="" /><meta name="text:Heading Two" content="" /><meta name="text:Second Link One Title" content="" /><meta name="text:Second Link One" content="" /><meta name="text:Second Link Two Title" content="" /><meta name="text:Second Link Two" content="" /><meta name="text:Second Link Three Title" content="" /><meta name="text:Second Link Three" content="" /><meta name="text:Second Link Four Title" content="" /><meta name="text:Second Link Four" content="" /><meta name="text:Heading Three" content="" /><meta name="text:Third Link One Title" content="" /><meta name="text:Third Link One" content="" /><meta name="text:Third Link Two Title" content="" /><meta name="text:Third Link Two" content="" /><meta name="text:Third Link Three Title" content="" /><meta name="text:Third Link Three" content="" /><meta name="text:Third Link Four Title" content="" /><meta name="text:Third Link Four" content="" /><style type="text/css">body{color:{color:Posts Text};font-family:'Droid Sans';font-size:10px;background-color:{color:Background};background-image:url({image:Background Image});background-attachment:fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}a { text-decoration:none; color:{color:Links};} a:hover{color:{color:Links Hover};}#home { height:100%; width: 1100px; margin: 0px auto; position: relative; padding-left:10px; padding-right:10px;}#clear { width:320px; margin-left:380px; {block:ifMediumPosts} margin-left:340px; {/block:ifMediumPosts} {block:ifLargePosts} margin-left:300px; {/block:ifLargePosts}}.posts { background-color:{color:Posts Background}; position:relative; float:left; margin:10px; {block:ifPostBorders} border:7px solid {color:Posts Background}; {/block:ifPostBorders} -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15); box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15);}.posts img { display:block;}#sidebar { width:150px; margin-top:200px; padding:10px; text-align:center; background-color:{color:Sidebar Background}; {block:ifTransparentSidebar} background:transparent; {/block:ifTransparentSidebar} {block:ifFadedSidebar} opacity:0.7; {/block:ifFadedSidebar} {block:ifSidebarShadow} -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15); box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.15); {/block:ifSidebarShadow}}#sidebar img { padding:15px 0px;}.desc { border-top:1px solid rgba(0,0,0,0.1); padding-top:10px; color:{color:Description Text};}.tt { padding: 3px 10px; font-size:17px;}.tb { border-bottom:0px solid {color:Posts Background}; word-wrap:break-word; padding:10px; {block:PermalinkPage} padding:10px 10px 0px; {/block:PermalinkPage} overflow:hidden;}.posts:hover .tb{ border-bottom:20px solid {color:Posts Background}; {block:PermalinkPage} border-bottom:0px solid {color:Posts Background}; {/block:PermalinkPage}}.posts .tb img { width:200px; margin:auto; {block:ifMediumPosts} width:300px; {/block:ifMediumPosts} {block:ifLargePosts} width:400px; {/block:ifLargePosts}}#navi { width:80px; margin-top:220px; font-size:8px; text-align:center; margin-left:760px; padding:5px; {block:ifMediumPosts} margin-left:810px; {/block:ifMediumPosts} {block:ifLargePosts} margin-left:860px; {/block:ifLargePosts}}.links { padding:4px; margin:2px; background-color:rgba({RGBcolor:Navigation Color},.2);} .nav { font-weight:bold;color:rgba(0,0,0,0.7);padding:3px 0px;}.take { bottom:5px;right:5px; letter-spacing:-10px; background:rgba({RGBcolor:Permalinks Color}, 0.5); padding:8px;}.take a { color:white;}.mode-faded, .posts:hover .mode-invertedfade { opacity:0.7;}.mode-saturated, .posts:hover .mode-desat { -webkit-filter: grayscale(0.6);}.posts:hover .mode-saturated, .mode-desat { -webkit-filter: grayscale(0);}.posts, .posts img, .photoset-img { width:300px; {block:ifMediumPosts} width:400px; {/block:ifMediumPosts} {block:ifLargePosts} width:500px; {/block:ifLargePosts}}.v iframe { width:100%; display:block;}.tre { margin-top:5px;right:5px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}.posts:hover .tre { margin-top:15px;}.take, .tre {opacity:0;}.desc, .posts:hover .take {letter-spacing:1px;}#clear, .take, .tre {position:absolute;}#sidebar, #navi {position:fixed;}#navi, .take, .tre {text-transform:uppercase;}.ask a{ background:rgba({RGBcolor:Asker Background Color},.8);padding:2px 5px;float:left;margin-right:4px;color:white;}#sidebar-left #sidebar { margin-left:150px; {block:ifMediumPosts} margin-left:120px; {/block:ifMediumPosts} {block:ifLargePosts} margin-left:100px; {/block:ifLargePosts}}#sidebar-left .links { border-left:0px solid rgba({RGBcolor:Navigation Color},.8);}#sidebar-left .links:hover { border-left:20px solid rgba({RGBcolor:Navigation Color},.8);}#sidebar-right #sidebar { margin-left:750px; {block:ifMediumPosts} margin-left:790px; {/block:ifMediumPosts} {block:ifLargePosts} margin-left:850px; {/block:ifLargePosts}}#sidebar-right #navi { margin-left:220px; {block:ifLargePosts} margin-left:170px; {/block:ifLargePosts} }#sidebar-right .links { border-right:0px solid rgba({RGBcolor:Navigation Color},.8);}#sidebar-right .links:hover { border-right:20px solid rgba({RGBcolor:Navigation Color},.8);}#sidebar, #sidebar:hover, .tb, .posts:hover .tb, .links, .links:hover, .take, .posts:hover .take, .mode-faded, .posts:hover .mode-invertedfade, .posts:hover .mode-faded, .mode-invertedfade,.mode-saturated, .posts:hover .mode-saturated, .mode-desat, .posts:hover .mode-desat, .posts:hover .tre {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}#sidebar:hover, .posts:hover .take, .posts:hover .mode-faded, .mode-invertedfade, .posts:hover .tre { opacity:1;}#clear #notecontainer {width: auto;} #clear #notecontainer ol.notes {list-style-type: none;margin: 10px;padding: 5px;border-top:1px solid rgba(0, 0, 0, .1);} #clear #notecontainer img.avatar {margin-right: 10px;width: 16px;height: 16px;display:inline-block;}blockquote {border-left:3px solid {color:Blockquote};margin:1.5em 10px;padding:.1em 3px;quotes:"\201C""\201D""\2018""\2019";}blockquote:before {color:#ccc;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;}blockquote p {display:inline;}.roll, .roll:hover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}.roll:hover { -webkit-backface-visibility:hidden; -webkit-transform: rotateZ(1440deg); -moz-transform: rotateZ(1440deg); transform: rotateZ(1440deg);}{CustomCSS}</style></head><body><div id="home"><div id="sidebar-{select:Sidebar Position}"><div id="sidebar">{block:ifTitle}<div style="text-transform:uppercase;padding:5px;font-size:12px;border-bottom:1px solid rgba(0,0,0,0.1);color:{color:Description Text};">{Title}</div>{/block:ifTitle} <a href="/"><img src="{image:Sidebar Image}" width="130"/></a> {block:Description} <div class="desc">{Description}</div> {/block:Description} </div></div><div id="sidebar-{select:Sidebar Position}"><div id ="navi"> {block:ifHeadingOne}<div class="nav">+ {text:Heading One} +</div>{block:ifHeadingOne} {block:ifFirstLinkOneTitle} <a href="{text:First Link One}"><div class="links">{text:First Link One Title}</div></a>{block:ifFirstLinkOneTitle}{block:ifFirstLinkTwoTitle} <a href="{text:First Link Two}"><div class="links">{text:First Link Two Title}</div></a>{block:ifFirstLinkTwoTitle}{block:ifFirstLinkThreeTitle} <a href="{text:First Link Three}"><div class="links">{text:First Link Three Title}</div></a>{block:ifFirstLinkThreeTitle}{block:ifFirstLinkFourTitle} <a href="{text:First Link Four}"><div class="links">{text:First Link Four Title}</div></a>{block:ifFirstLinkFourTitle}{block:ifHeadingTwo}<div class="nav">+ {text:Heading Two} +</div>{block:ifHeadingTwo} {block:ifSecondLinkOneTitle} <a href="{text:Second Link One}"><div class="links">{text:Second Link One Title}</div></a>{block:ifSecondLinkOneTitle}{block:ifSecondLinkTwoTitle} <a href="{text:Second Link Two}"><div class="links">{text:Second Link Two Title}</div></a>{block:ifSecondLinkTwoTitle}{block:ifSecondLinkThreeTitle} <a href="{text:Second Link Three}"><div class="links">{text:Second Link Three Title}</div></a>{block:ifSecondLinkThreeTitle}{block:ifSecondLinkFourTitle} <a href="{text:Second Link Four}"><div class="links">{text:Second Link Four Title}</div></a>{block:ifSecondLinkFourTitle}{block:ifHeadingThree}<div class="nav">+ {text:Heading Three} +</div>{block:ifHeadingThree} {block:ifThirdLinkOneTitle} <a href="{text:Third Link One}"><div class="links">{text:Third Link One Title}</div></a>{block:ifThirdLinkOneTitle}{block:ifThirdLinkTwoTitle} <a href="{text:Third Link Two}"><div class="links">{text:Third Link Two Title}</div></a>{block:ifThirdLinkTwoTitle}{block:ifThirdLinkThreeTitle} <a href="{text:Third Link Three}"><div class="links">{text:Third Link Three Title}</div></a>{block:ifThirdLinkThreeTitle}{block:ifThirdLinkFourTitle} <a href="{text:Third Link Four}"><div class="links">{text:Third Link Four Title}</div></a>{block:ifThirdLinkFourTitle}</div></div><div id="clear"><div class = "autopagerize_page_element" >{block:Posts}<div class="posts"><div class="mode-{select:Posts Mode}">{block:Title}<div class="tt">{Title}</div>{/block:Title}{block:Text}<div class="tb">{Body}{block:IndexPage}<div class="tre" ><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}</div>{/block:Text}{block:Photo}{block:IndexPage}<div class="take" style="left:5px;"><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a></div><div class="take"><a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photo}{block:Photoset}{block:Photos} <img src="{PhotoURL-500}" class="photoset-img" /> {/block:Photos}{block:IndexPage} <div class="tb" style="padding:0px;"><div class="tre" style="margin-top:5px;"><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>{/block:IndexPage}{/block:Photoset}{block:Quote}<div class="tb"><span style="font-size:15px;font-style:italic;">{Quote}</span><div align="right">{block:Source}-{Source}{/block:Source}</div>{block:IndexPage}<div class="tre" ><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}</div>{/block:Quote}{block:Video}<div class="v">{block:IndexPage}{VideoEmbed-400}{/block:IndexPage}{block:permalinkpage}{VideoEmbed-700}{/block:permalinkpage}</div>{block:IndexPage}<div class="tb" style="padding:0px;"><div class="tre" style="margin-top:5px;"><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div></div>{/block:IndexPage}{/block:Video}{block:Link}<a href="{URL}" class="link" {Target}><div class="tt" style="padding-bottom:0px;">{Name}</div></a><div class="tb" style="padding-top:0px;">{block:Description}{Description}{/block:Description}{block:IndexPage}<div class="tre" ><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}</div>{/block:Link}{block:Chat}<div class="tb">{block:Lines}<div style="border-bottom:1px solid rgba(0,0,0,0.2);">{block:Label}<br><b>{Label}</b>{/block:Label}&nbsp;{Line}</div>{/block:Lines}{block:IndexPage}<div class="tre" ><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}</div>{/block:Chat}{block:Audio}<div class="tb" style="text-align:center;">{AudioPlayerGrey}{/block:Artist}<br>{block:Caption}{Caption}{/block:Caption}{block:IndexPage}<div class="tre" ><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}</div>{/block:Audio}{block:Answer}<div class="tb"><div style="background:rgba({RGBcolor:Question Background Color},.8);padding:5px 5px 9px;line-height:12px;color:{color:Question Color};"><div class="ask">{Asker}</div> {Question}</div>{Answer}{block:IndexPage}<div class="tre" ><a href="{permalink}" target="_blank">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank">REBLOG</a></div>{/block:IndexPage}</div>{/block:Answer}{block:PermalinkPage}<div class="tb" style="border-bottom:0px;">{block:Caption}{Caption}{/block:Caption}{block:HasTags} Tagged: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags} </center></div>{block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}</div></div>{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}{/block:Posts}</div> <!-- inf.sc --></div><div class="roll" style="position:fixed;left:2px;bottom:2px;"><a href="http://lyricist.tumblr.com/"><img src="http://static.tumblr.com/lvdwday/H27n1az70/visionaryv4grey.png"/ width="15px;"></a></div></body></html>