Nautica Theme

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

              MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
—————————————————————————————————————————————————————————————
UPDATES : 26TH JULY, 2014  –  Fixed links to open in new tab when enabled.
UPDATES : 10TH MARCH, 2016  –  Fixed issues with soundcloud link
-->
<head>
{block:ifScrollToTopButton}
<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>
{/block:ifScrollToTopButton}
<title>{Title}</title> <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 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 type="text/javascript" src="http://static.tumblr.com/lvdwday/Q5fn6y8nu/first.js"> </script>{block:ifNotMoreLinks}<script src="http://static.tumblr.com/lvdwday/HWAn6y8g7/notmore.js"></script>{/block:ifNotMoreLinks}{block:ifMoreLinks}<script src="http://static.tumblr.com/lvdwday/sQ4n6y8j2/more.js"></script>{/block:ifMoreLinks} <meta name="image:Background" content=""/> <meta name="image:Sidebar Image" content=""/> <meta name="color:Background Color" content="#000000"/> <meta name="color:Center Color" content="#ffffff"/> <meta name="color:Posts Color" content="#000000"/> <meta name="color:Text Color" content="#ffffff"/> <meta name="color:Posts Text Color" content="#ffffff"/> <meta name="color:Links Hover Color" content="#034567"/> <meta name="color:Permalinks Color" content="#ffffff"/> <meta name="if:More Links" content="1"/> <meta name="if:Darken Background Image" content="1"/> <meta name="if:Archive" content="1"/> <meta name="if:Permalinks" content="0"/> <meta name="if:Twitter Icon" content="1"/> <meta name="if:Facebook Icon" content="1"/> <meta name="if:Instagram Icon" content="1"/> <meta name="if:Flickr Icon" content="1"/> <meta name="if:Soundcloud Icon" content="1"/> <meta name="if:Scroll To Top Button" content="1"/> <meta name="text:More Links Text" content="MORE LINKS"/> <meta name="text:Link 1" content=""/> <meta name="text:Link 1 Title" content=""/> <meta name="text:Link 2" content=""/> <meta name="text:Link 2 Title" content=""/> <meta name="text:Link 3" content=""/> <meta name="text:Link 3 Title" content=""/> <meta name="text:Link 4" content=""/> <meta name="text:Link 4 Title" content=""/> <meta name="text:Link 5" content=""/> <meta name="text:Link 5 Title" content=""/> <meta name="text:Twitter Link" content=""/> <meta name="text:Facebook Link" content=""/> <meta name="text:Instagram Link" content=""/> <meta name="text:Flickr Link" content=""/> <meta name="text:Soundcloud Link" content=""/>

<link href='http://static.tumblr.com/axbkdw3/Eswn8bn95/the_compressed.css' rel='stylesheet' type='text/css'> <style type="text/css"> @import url(http://weloveiconfonts.com/api/?family=entypo);/* entypo */[class*="entypo-"]:before { font-family: 'entypo', sans-serif;} body {background-color:{color:Background Color}; background-image:url('{image:Background}');}a { color:{color:Permalinks Color};}a:hover { color:{color:Links Hover Color};}{block:ifDarkenBackgroundImage}#overblay {top:0px;left:0px;background-color:black;opacity:0.75;}{/block:ifDarkenBackgroundImage}#side a, #side a:hover { color: {color:Text Color};}.links span { float:right; }#soc { {block:ifMoreLinks} width:220px; margin-top:180px; margin-left:920px; padding-bottom:10px; {/block:ifMoreLinks}}.ial { border:1px solid rgba({RGBcolor:Text Color},0.5); {block:ifMoreLinks} width:30px;height:30px; border-radius:0; border:0px solid rgba({RGBcolor:Text Color},0.5); margin: 5px auto; display:inline-block; {/block:ifMoreLinks}}{block:ifMoreLinks}.ml { margin-left:900px; margin-top:230px; padding:14px 0;}.lm { display:none; padding-top:15px ; margin-top:10px;}{/block:ifMoreLinks}#naut { background-color:rgba({RGBcolor:Center Color}, 0.3); }.posts { background-color:rgba({RGBcolor:Posts Color},0.4); {block:PermalinkPage} margin:25px; width:500px; {/block:PermalinkPage}} .bo { padding:15px;}{block:ifPermalinks}.knot { border-top:1px solid rgba(256,256,256,0.5); padding-top:7px; margin-top:-20px;}.knot a { color:{color:Permalinks Color};}.posts:hover .knot { margin-top:0px;}{/block:ifPermalinks}{block:ifNotPermalinks}.knot {display:none; }{/block:ifNotPermalinks}.apb { {block:PermalinkPage} padding:30px 0 0 30px; {/block:PermalinkPage}}.ct { {block:PermalinkPage} width:88px; height:85px; margin-top:200px; margin-left:190px; {/block:PermalinkPage}}.tist { {block:PermalinkPage} margin-top:400px; font-size:30px; {/block:PermalinkPage}}.posts, .question a, #straight #notecontainer {color:{color:Posts Text Color};}.desc, .links, .ml {border-bottom:1px solid rgba({RGBcolor:Text Color},0.5);}.ml, .lm {border-top:1px solid rgba({RGBcolor:Text Color},0.5);}body, #soc a, .ml a {color:{color:Text Color};}.tist, .ps {{block:PermalinkPage}width:470px;{/block:PermalinkPage}}blockquote {border-left:3px solid rgba({RGBcolor:Posts Text Color},0.6);} </style> </head> <body> <div id="overblay"></div> <div id="cent"> <div id="side"> <h1 style="margin:0px;text-transform:uppercase;font-size:32px;">{block:ShowTitle} {Title}{/block:ShowTitle}</h1> <img style="margin-top:30px;" src="{image:Sidebar Image}" width="230"/> <div class="desc">{block:Description}{Description}{/block:Description}</div> <div class="links"><a href="/" {Target}>Home <span class="entypo-home"></span></a></div> <div class="links"><a href="/ask" {Target}>Message <span class="entypo-mail"></span></a></div> {block:ifArchive} <div class="links"><a href="/archive" {Target}>Archive <span class="entypo-archive"></span></a></div> {/block:ifArchive} </div> <div id="soc">{block:ifNotMoreLinks} {block:ifTwitterIcon}<div class="ial" id="tw"><a href="{text:Twitter Link}" {Target}><div style="padding:18px;font-size:35px;" class="entypo-twitter"></div></a></div>{/block:ifTwitterIcon}{block:ifFacebookIcon}<div class="ial" id="fb"><a href="{text:Facebook Link}" {Target}><div style="padding:16px 25px;font-size:35px;" class="entypo-facebook"></div></a></div>{/block:ifFacebookIcon}{block:ifInstagramIcon}<div class="ial" id="ig"><a href="{text:Instagram Link}" {Target}><div style="padding:17px 22px;font-size:30px;" class="entypo-instagrem"></div></a></div>{/block:ifInstagramIcon}{block:ifFlickrIcon}<div class="ial" id="fl"><a href="{text:Flickr Link}" {Target}><div style="padding:16px 19px;font-size:35px;" class="entypo-flickr"></div></a></div>{/block:ifFlickrIcon}{block:ifSoundcloudIcon}<div class="ial" id="sc"><a href="{text:Soundcloud Link}" {Target}><div style="padding:16px 18px;font-size:35px;" class="entypo-soundcloud"></div></a></div>{/block:ifSoundcloudIcon}{/block:ifNotMoreLinks}{block:ifMoreLinks}{block:ifTwitterIcon}<div class="ial" id="tw"><a href="{text:Twitter Link}" {Target}><div style="padding:8px;font-size:15px;" class="entypo-twitter"></div></a></div>{/block:ifTwitterIcon}{block:ifFacebookIcon}<div class="ial" id="fb"><a href="{text:Facebook Link}"{Target}><div style="padding:6px 10px;font-size:15px;" class="entypo-facebook"></div></a></div>{/block:ifFacebookIcon}{block:ifInstagramIcon}<div class="ial" id="ig"><a href="{text:Instagram Link}" {Target}><div style="padding:7px 9px;font-size:14px;" class="entypo-instagrem"></div></a></div>{/block:ifInstagramIcon}{block:ifFlickrIcon}<div class="ial" id="fl"><a href="{text:Flickr Link}" {Target}><div style="padding:7px 8px;font-size:15px;" class="entypo-flickr"></div></a></div>{/block:ifFlickrIcon}{block:ifSoundcloudIcon}<div class="ial" id="sc"><a href="{text:Soundcloud Link}" {Target}><div style="padding:7px 8px;font-size:15px;" class="entypo-soundcloud"></div></a></div>{/block:ifSoundcloudIcon}{/block:ifMoreLinks} </div>{block:ifMoreLinks} <div class="ml"> <span>{text:More Links Text}</span>{block:ifLink1Title}<a href="{text:Link 1}" {Target}><div class="lm">{text:Link 1 Title}</div></a>{/block:ifLink1Title}{block:ifLink2Title}<a href="{text:Link 2}" {Target}><div class="lm">{text:Link 2 Title}</div></a>{/block:ifLink2Title}{block:ifLink3Title}<a href="{text:Link 3}" {Target}><div class="lm">{text:Link 3 Title}</div></a>{/block:ifLink3Title}{block:ifLink4Title}<a href="{text:Link 4}" {Target}><div class="lm">{text:Link 4 Title}</div></a>{/block:ifLink4Title}{block:ifLink5Title}<a href="{text:Link 5}" {Target}><div class="lm">{text:Link 5 Title}</div></a>{/block:ifLink5Title}</div> {/block:ifMoreLinks} <div id="naut"></div> <div id="straight"> {block:Posts} <div class="posts"> {block:Text}<div class="bo"><h2>{block:Title}{Title}{/block:Title}</h2> {body}{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div> {/block:Text} {block:Photo}{block:IndexPage} <div class="ol"> <div class="pz"> <div class="p"><span class="n"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a></span></div> <div class="p" style="border-top:1px solid white;border-bottom:1px solid white;padding:15px;"><span class="no"><a href="{ReblogURL}" {Target}>reblog</a></span></div> <div class="p"><span class="non"><a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></span></div> </div> </div> <img src="{PhotoURL-500}" width="250"/>{/block:IndexPage} {block:PermalinkPage} <img src="{PhotoURL-500}" width="500"/>{block:PermalinkPage} {/block:Photo}{block:Photoset} <div class="bo">{block:Photos} <img src="{PhotoURL-500}" class="ps" /> {/block:Photos}{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div>{/block:Photoset} {block:Quote}<div class="bo"><div class="qu">{Quote}</div><div style="text-align:right;margin:10px;">{block:Source} – {Source}{/block:Source}</div>{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div>{/block:Quote} {block:Link}<div class="bo"><a style="color:white;" href="{URL}" {Target}><div class="lincoln">{Name}<span style="float:right;" class="entypo-right-open-mini"></span></div></a>{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div>{/block:Link}{block:Chat}<div class="bo"><div class="chat"><ul>{block:Lines}<li class="{Alt}">{block:Label}<b> {Label}</b> {/block:Label}{Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div>{/block:Chat}{block:Audio}<div class="bo"><div class="ct"><div class="apb">{AudioPlayerBlack}</div></div><div class="tist"> {block:TrackName}{TrackName} – {/block:TrackName} {block:Artist}{Artist}{/block:Artist}</div>{block:IndexPage}<div style="width:220px;height:220px;background: radial-gradient(circle 100px, #1e3e4d,#102028);"> {block:AlbumArt}<img src="{AlbumArtURL}" class="art" width="220" />{/block:AlbumArt}</div><div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} {block:PermalinkPage}<div style="width:470px;height:470px;background: radial-gradient(circle 250px, #1e3e4d,#102028);"> {block:AlbumArt}<img src="{AlbumArtURL}" class="art" width="470" />{/block:AlbumArt}</div>{/block:PermalinkPage}</div> {/block:Audio} {block:Video}<div class="bo"><div class="video">{block:IndexPage}{VideoEmbed-400}{/block:IndexPage}{block:permalinkpage}{VideoEmbed-700}{/block:permalinkpage}</div>{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div>{/block:Video} {block:Answer}<div class="bo"> <div class="question"><b>{Asker}</b>: {Question}</div> <div class="answer">{Answer}</div>{block:IndexPage}<div class="knot"><a href="{Permalink}" {Target}>{NoteCountWithLabel}</a> - <a href="{ReblogURL}" {Target}>REBLOG</a> - <a href="{Permalink}" {Target}>{DayOfMonthWithZero}.{MonthNumber}.{Year}</a></div>{/block:IndexPage} </div> {/block:Answer} {block:PermalinkPage}<div class="bo">{block:Caption}{Caption}{/block:Caption}<center>{block:HasTags} <BR><span style="opacity:0.8;">Tagged: {block:Tags}<a href="{TagURL}" {Target}> #{Tag}</a>{/block:Tags}</span>{/block:HasTags} </center></div>{block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}{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> {/block:Posts}<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> <a href="http://lyricist.tumblr.com/"><div id="lyr"><img src="http://static.tumblr.com/lvdwday/H27n1az70/visionaryv4grey.png" width="18" /></div></a> </body></html>