Carbon Theme

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

              MORE THEMES AT : VISIONARYTHEMES.TUMBLR.COM
—————————————————————————————————————————————————————————————
-->
<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=Six+Caps' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Hammersmith+One' 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}<meta name="select:Column" content="one" title="One Column"><meta name="select:Column" content="two" title="Two Columns"><meta name="select:Column" content="three" title="Three Columns"><meta name="color:Background Color" content="#ffffff" /><meta name="color:Title Color" content="#000000" /><meta name="color:Posts Text Color" content="#000000" /><meta name="color:Description Text" content="#000000" /><meta name="color:Posts Background Color" content="#ffffff" /><meta name="color:Posts Border Color" content="#eeeeee" /><meta name="color:Blockquote Color" content="#b8b8b8" /><meta name="color:Links Color" content="#666666" /><meta name="color:Links Hover Color" content="#eeeeee" /><meta name="image:Sidebar Image" content="" /><meta name="image:Background Image" content="" /><meta name="if:Title" content="1" /><meta name="if:Sidebar Image" content="0" /><meta name="if:Borders" content="0" /><meta name="if:Fit Background" content="0" /><meta name="if:About or Appearance Icon" content="1" /><meta name="if:Twitter" content="0" /><meta name="if:Instagram" content="0" /><meta name="if:Facebook" content="0" /><meta name="if:Flickr" content="0" /><meta name="if:Pinterest" content="0" /><meta name="if:Soundcloud" content="0" /><meta name="if:Dribbble" content="0" /><meta name="if:500px" content="0" /><meta name="if:Credit" content="1" /><meta name="text:Message Link" content="" /><meta name="text:About or Appearance Link" content="" /><meta name="text:Links" content="" /><meta name="text:Twitter Link" content="" /><meta name="text:Instagram Link" content="" /><meta name="text:Facebook Link" content="" /><meta name="text:Flickr Link" content="" /><meta name="text:Pinterest Link" content="" /><meta name="text:Soundcloud Link" content="" /><meta name="text:Dribbble Link" content="" /><meta name="text:500px Link" content="" /><script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script><script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script><script type="text/javascript">$(window).load(function () {$('#molecule').masonry({itemSelector : ".posts",},function() { $('#molecule').masonry({ appendedContent: $(this) }); });});</script><script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script><script type="text/javascript">$(window).load(function () {$('#molecule').masonry({itemSelector : ".posts",},function() { $('#molecule').masonry({ appendedContent: $(this) }); });});</script><script type="text/javascript"> $(window).load(function () { $('#molecule').masonry(),$('.masonryWrap').infinitescroll({ itemSelector : ".posts", navSelector : "div.navigation", nextSelector : ".navigation a#next", bufferPx : 10000, extraScrollPx: 10000, loadingImg : "", loadingText : "", }, function() { $('#molecule').masonry({ appendedContent: $(this) }); }); });</script><style type="text/css">body { color:{color:Posts Text Color}; font-family:'Hammersmith One',verdana; font-size:10px; background-color:{color:Background Color}; background-image:url({image:Background Image}); background-attachment:fixed; {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}}body a { text-decoration:none; color:{color:Links Color}; }body a:hover { color:{color:Links Hover Color}; }#bonding { height:100%; width: 1100px; margin: 0px auto; position: relative; padding-left:10px; padding-right:10px;}#molecule { width:870px; margin-left:300px; position:absolute; padding:5px;}.posts { background-color:{color:Posts Background Color}; float:left; margin:10px; {block:ifBorders} border:8px solid {color:Posts Border Color}; {/block:ifBorders} -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);}.posts img { display:block; }.posts .column-one, .posts .column-one img { width:500px; }.posts .column-two, .posts .column-two img { width:350px; }.posts .column-three, .posts .column-three img { width:250px; }{block:PermalinkPage}.posts .column-one, .posts .column-one img, .posts .column-two, .posts .column-two img, .posts .column-three, .posts .column-three img { width:800px;}{/block:PermalinkPage}#bond { /*description*/ position:fixed; margin-left:20px; color:{color:Description Text}; top:40%; width:250px; padding:10px; {block:ifNotTitle} top:45%; {block:ifSidebarImage} top:30%; {/block:ifSidebarImage} {/block:ifNotTitle} {block:ifTitle} top:40%; {block:ifSidebarImage} top:25%; {/block:ifSidebarImage} {/block:ifTitle}}.bondtitle, .postit { font-family:'Six Caps'; font-size:60px; }.bondtitle a { color:{color:Title Color}; }.caption { border-top:1px solid rgba({RGBcolor:Blockquote Color},.5);; padding:8px 5px 15px 5px;}.bondtitle, .caption, #bond { text-align:center; }.postit { font-size:40px; left:0px; bottom:50px; position:absolute; padding-right:5px; letter-spacing:1px; border-bottom:1px solid white; width:0px; text-align:right;}.posts:hover .column-one .postit { width:480px; }.posts:hover .column-two .postit { width:330px; }.posts:hover .column-three .postit { width:230px; }.postit, .postit a, span.postits, span.postits a, .overlay, .posts:hover .postit, .posts:hover span.postits, .posts:hover .overlay { color:white; opacity:0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}.postit a, .posts:hover .postit, .posts:hover span.postits, span.postits a, .posts:hover .overlay, #bond:hover,#bond { opacity:1; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;}.postit a { text-shadow: 0px 0px 5px rgba(0,0,0,0.8); }span.postits { right:0px; padding-right:20px; position:absolute; bottom:22px; text-transform:uppercase;}.posts:hover span.postits { bottom:32px; }span.postits a { text-shadow: 0px 0px 5px rgba(0,0,0,0.8); }.column-one .overlay { width: 500px; }.column-two .overlay { width: 350px; }.column-three .overlay { width: 250px; }.column-one .overlay, .column-two .overlay, .column-three .overlay { height:100%; position: absolute; background-image: url(http://static.tumblr.com/8jq17g7/ZRflvr254/screen-pattern.png); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) inset;}.title { font-size:15px; padding:5px; }.convo { background-color:rgba(0,0,0,0.1); margin:3px; padding:5px; border-radius:2px; border:1px solid rgba({RGBcolor:Blockquote Color},.2);;}.thebody, .title { padding:5px; border-bottom:1px solid {color:Blockquote Color}; word-wrap:break-word;}.posts .column-one .thebody img { width:450px; margin:auto; }.posts .column-two .thebody img { width:300px; margin:auto; }.posts .column-three .thebody img { width:200px; margin:auto; }.psi { margin:0px 0px 3px; }.video iframe { width:100%; display:block; }.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}#infscr-loading {display:none;}.navigation {display:none!important;} #molecule #notecontainer { margin: 10px ; width: 780px; float:left; border-top:3px solid rgba(153,153,153,0.5);} #molecule #notecontainer ol.notes { list-style-type: none; margin: 0; padding: 5px;} #molecule #notecontainer img.avatar { margin-right: 10px; width: 16px; height: 16px; display:inline;}blockquote {border-left:3px solid {color:Blockquote Color};margin:1.5em 10px;padding:.5em 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; }img.style-norepeat { background-attachment:fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}.posta { text-transform:uppercase; padding:5px; }.sup, .sup:hover { position:fixed;left:2px;bottom:2px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}.sup:hover { -webkit-backface-visibility:hidden; -webkit-transform: rotateZ(1440deg); -moz-transform: rotateZ(1440deg); transform: rotateZ(1440deg);}{CustomCSS}</style></head><body><div id="bonding"><div id="bond"><div class="bondtitle">{block:ifTitle}<a href="/" style="text-transform:uppercase;">{title}</a>{/block:ifTitle}</div>{block:ifSidebarImage}<a href="/"><img style="width:200px;" src="{image:Sidebar Image}" /></a>{/block:ifSidebarImage}<div class="caption">{block:Description}{Description}{/block:Description}</div><div class="econ"> <a href="{text:Message Link}"><img src="http://static.tumblr.com/lvdwday/9zQn04jba/message.png" width="20px;"/></a>{block:ifAboutorAppearanceIcon} <a href="{text:About or Appearance Link}"><img src="http://static.tumblr.com/lvdwday/Km5n04jex/self.png" width="20px;"/></a> {/block:ifAboutorAppearanceIcon} <a href="{text:Links}"><img src="http://static.tumblr.com/lvdwday/mc7n04jgl/links.png" width="20px;"/></a> {block:ifTwitter} <a href="{text:Twitter Link}"><img src="http://static.tumblr.com/lvdwday/ZSfn04jp1/twitter.png" width="20px;"/></a> {/block:ifTwitter} {block:ifInstagram} <a href="{text:Instagram Link}"><img src="http://static.tumblr.com/lvdwday/g6cn04jpc/instagram.png" width="20px;"/></a> {/block:ifInstagram}{block:ifFacebook} <a href="{text:Facebook Link}"><img src="http://static.tumblr.com/lvdwday/SCAn04jpn/facebook.png" width="20px;"/></a> {/block:ifFacebook}{block:ifFlickr} <a href="{text:Flickr Link}"><img src="http://static.tumblr.com/lvdwday/xo9n04jrk/flickr.png" width="20px;"/></a> {/block:ifFlickr}{block:ifPinterest} <a href="{text:Pinterest Link}"><img src="http://static.tumblr.com/lvdwday/nQ8n04k9s/pinterest.png" width="20px;"/></a> {/block:ifPinterest}{block:ifSoundcloud} <a href="{text:Soundcloud Link}"><img src="http://static.tumblr.com/lvdwday/ulQn04ka2/soundcloud.png" width="20px;"/></a> {/block:ifSoundcloud}{block:ifDribbble} <a href="{text:Dribbble Link}"><img src="http://static.tumblr.com/lvdwday/zqRn04kae/dribbble.png" width="20px;"/></a> {/block:ifDribbble}{block:if500px} <a href="{text:500px Link}"><img src="http://static.tumblr.com/lvdwday/maTn0kusf/500px.png" width="20px;"/></a> {/block:if500px} {block:ifCredit}<a href="http://lyricist.tumblr.com/"><img src="http://static.tumblr.com/lvdwday/ZjPn04jh0/themes2.png" width="20px;"/></a>{/block:ifCredit} </div></div><div id="molecule">{block:Posts}<div class="posts"><div class="column-{select:Column}">{block:Title}<div class="title">{Title}</div>{/block:Title}{block:Text}<div class="thebody">{Body}</div>{block:IndexPage}<div class="posta"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Text}{block:Photo}{block:IndexPage}<div class="overlay"></div><div class="postit"><a href="{permalink}" target="_blank">{NoteCount}</a></div><span class="postits"><a href="{ReblogURL}" target="_blank">Reblog</a></span>{/block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photo}{block:Photoset} {block:Photos} <img src="{PhotoURL-500}" class="psi" /> {/block:Photos} {block:IndexPage}<div class="posta" style="border-top:1px solid {color:Blockquote Color};"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Photoset}{block:Quote}<div class="thebody" style="font-family:'Oswald';font-size:18px;">"{Quote}"<div align="right">{block:Source}<span style="font-size:12px;">-{Source}{/block:Source}</span></div></div>{block:IndexPage}<div class="posta"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Quote}{block:Video}<div class="video">{block:IndexPage}{VideoEmbed-400}{/block:IndexPage}{block:permalinkpage}{VideoEmbed-700}{/block:permalinkpage}</div>{block:IndexPage}<div class="posta" style="border-top:1px solid {color:Blockquote Color};"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Video}{block:Link}<a href="{URL}" class="link" {Target}><div class="title">{Name} →</div></a>{block:Description}<div class="thebody">{Description}</div>{/block:Description}{block:IndexPage}<div class="posta"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Link}{block:Chat}{block:Lines}{block:Label}<div class="convo"><span style="text-transform:uppercase;">{Label}</span>{/block:Label}&nbsp;{Line}</div>{/block:Lines}{block:IndexPage}<div class="posta" style="border-top:1px solid {color:Blockquote Color};"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Chat}{block:Audio}<center><div class="thebody">{AudioPlayerGrey}<br>{block:TrackName}"{TrackName}"{/block:TrackName} —{block:Artist} <b>{Artist}</b>{/block:Artist}</div></center>{block:IndexPage}<div class="posta"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Audio}{block:Answer}<div class="thebody" style="padding:10px;border-bottom:1px solid #eeeeee;"><span style="text-transform:uppercase;"><b>{Asker}</b></span> — <i>{Question}</i></div><div class="thebody" style="padding:5px 10px;text-align:justify;">{Answer}</div>{block:IndexPage}<div class="posta"><a href="{ReblogURL}" target="_blank">Reblog</a> — <a href="{permalink}" target="_blank">{NoteCount}</a></div>{/block:IndexPage}{/block:Answer}{block:PermalinkPage}<div class="thebody" >{block:Caption}{Caption}{/block:Caption}{block:RebloggedFrom} <center><span style="text-transform:uppercase;font-size:10px;"> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> | {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><BR><span></span>{block:HasTags} Tagged: {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags} </center> </div>{/block:RebloggedFrom}{block:PostNotes}<div id="notecontainer">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}</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>{/block:Posts}</div></div>
{block:ifNotCredit}<div class="sup"><a href="http://lyricist.tumblr.com/"><img src="http://static.tumblr.com/lvdwday/H27n1az70/visionaryv4grey.png"/ width="15px;"></a></div>{/block:ifNotCredit}</body></html>