Discover Top Posts Tagged with #themecode

Popular Recent

Could anyone recommend me any blog that creates similar themes as mine???

#theme #themecode #help #blog #fancy #fashion #luxury #girly

THEME 01 BY LEIGHSMILE: BELLA

preview | code

250px sidebar

four links

description is italic

Do not steal, do not remove credit and do not use it as a base code. If you have any questions ask me :)

like/reblog if you use please <3

#theme #code #themecode #newtheme #html

THEME // Blink and it's over

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

<title>{Title}</title>

{block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}

h1 { color:{color:Blog title}; font-weight: normal; font-size: 50px; font-family: 'BebasNeueRegular', sans-serif; line-height: -4px;{block:ifuselogo}display:none;{/block:ifuselogo}} h1 a {color:{color:Blog title};}

body {height: 100%; background-color:{color:Background}; color: {color:Text};font-size: 11px; font-family:{font:Body}; line-height: 14px; padding: 30px 0 200px 0; {block:ifbackgroundimage}background-attachment: fixed; background-image:url('{image:Background}');{/block:ifbackgroundimage}}

a {color: {color:Links}; text-decoration:none;}

a:hover { color: {color:Links Hover}; -webkit-transition-duration: 0.5s; }

a.title {color: {color:Links}; text-decoration:none;}

#container { width: 1050px; margin: auto auto auto auto; position: relative;}

#container .header { width: 1050px; margin: auto auto; }

#container .description {padding: 10px 0px 40px; clear: both; position: relative; text-align:center; width:500px; margin-left: auto ; margin-right: auto;}

#container .posts {width: 1050px; clear: both; position: relative; margin-left: auto; margin-right: auto; padding-top:30px; }

#container .box {width: 345px;{block:iftworows}width: 500px;{/block:iftworows}{block:iffourrows}width: 250px; margin-bottom:20px;{/block:iffourrows} {block:indexpage}{block:ifonerow}width: 600px; padding-left:21%;{/block:ifonerow}{/block:indexpage}margin-left: 5px; float: left; margin-bottom: 15px; position: relative; }

#container .box a{-webkit-transition-duration: 0.5s;}

#container .box img {max-width: 100%; border:0px; -webkit-transition-duration: 0.5s; opacity:1;}

#container .title { font-size: 12px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}

#container .ask { font-size: 11px;line-height: 18px; text-decoration: none; display: block; color:{color:Title}; padding: 8px;}

#container .audio {width: 207px;}

#container .columnHolder {width: 800px; margin: 5px 0 0 5px; overflow: hidden;}

#container .columnHolder .column { width: 225px; min-height: 1px; float: left;}

#container .columnHolder .column.middle { margin: 0 0px; }

#arrow {font-size:15px; padding-left:20px; color:{color:Text Bubble}; margin-top:-5px; padding-bottom:5px;}

{block:PermalinkPage}

.box { width: 600px !important; padding-left: 21%;}

p.answer_form_container { width: 580px; }

ol.notes { width: 600px; position:relative; padding-left:21%; list-style-type: none; margin: 0px 0 10px 0; padding: -10px -90px; }

ol.notes li.note { margin: 0px 0 2px 0; padding: 0;}

ol.notes a { color: #ffffff; }

ol.notes img.avatar { display: true; padding:2px 0 0 2px; border:0px;}

ol.notes blockquote { margin: 0; }

ol.notes blockquote a { text-decoration: none; }

{/block:PermalinkPage}

.video{text-align: center; background-color:black;}

.curve { background-color:{color:Text Bubble}; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomleft: 4px; moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; overflow:hidden;}

.box:hover .perma {{block:indexpage}{block:ifshownotesonhomepage}opacity:1;{/block:ifshownotesonhomepage}{/block:indexpage} z-index:10000; top:50%;}

.perma { margin-top: -18px; opacity: 0; font-family:{font:Body}; font-size: 9px; z-index: 1000000; text-align: center; text-transform: uppercase; top:50%;

}

#top-link { position:fixed; right:5px; bottom:5px; color:white; font-weight:bold; text-decoration:none; padding:10px; border:0px; }

#audiotest {background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');margin-top: -27px;display:block;height:27px;z-index:-1000;width:250px;}

.box:hover .back {{block:indexpage}{block:ifshownotesonhomepage}opacity:1; {/block:ifshownotesonhomepage}{/block:indexpage}z-index:1000;}

.back { margin-top: -25px; width:100%; opacity: 0; z-index: 1000;}

{block:PermalinkPage}

.back img{width:500px; height:20px;}

{/block:PermalinkPage}

{block:iffourrows} .back img{width:100%; height:20px;} {/block:iffourrows}

{block:iftworows} .back img{width:500px; height:20px;} {/block:iftworows}

{block:ifonerow} .back img{width:600px; height:20px;}

{/block:ifonerow} </style>

//usage w/ smoothscroll $(document).ready(function() { //set the link $('#top-link').topLink({ min: 400, fadeSpeed: 500 }); //smoothscroll $('#top-link').click(function(e) { e.preventDefault(); $.scrollTo(0,300); }); });

$(window).load(function () {

$('.posts').masonry(),

$('.masonryWrap').infinitescroll({

navSelector : "div#navigation", // selector for the paged navigation (it will be hidden) nextSelector : "div#navigation a#nextPage", // selector for the NEXT link (to page 2) itemSelector : ".box", // selector for all items you'll retrieve bufferPx : 10000, extraScrollPx: 11000, loadingImg : "http://b.imagehost.org/0548/Untitled-2.png", loadingText : "<em></em>", }, // call masonry as a callback. function() { $('.posts').masonry({ appendedContent: $(this) }); } );

});

</script>

function changeStyle(title) {

var lnks = document.getElementsByTagName('link');

for (var i = lnks.length - 1; i >= 0; i--) {

if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {

lnks[i].disabled = true;

if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;

}}}

</script>

</head>

{block:indexpage} <script language="JavaScript"> function function1(){ window.scrollTo(0,5); } function function2(){ window.scroll(0,2); } </script>

{/block:indexpage} <br>

<div style="text-align: center;">{block:ifuselogo}<img style="max-width:1500px; max-height:300px" src="{image:logo}"/>{/block:ifuselogo}<h1 class="bebas"><a href="/">{Title}</a></h1></div>

{block:AskEnabled}<a href="/ask">MESSAGE</a> {/block:AskEnabled}

{block:ifarchivelink}<a href="/archive">ARCHIVE</a> {/block:ifarchivelink}

{block:ifrsslink}<a href="{RSS}"> RSS </a> {/block:ifrsslink}

<a href="http://www.kanesimswilson.co.uk">THEME</a>

{block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}

</div>

<div class="description">{description}<br style="clear:both"></div></div>

<div class="posts" id="allposts"> {block:Posts} <div class="box">

{block:Photo} {block:IndexPage} <a href="{Permalink}" target="_blank">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img style="min-width:100%;" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">

<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"> <a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a> <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a></div> {/block:Photo}

{block:Audio} <div class="curve"> <div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;"> {AudioPlayerBlack} </div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">▼</div>

{block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}

{block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}

{block:ifshownotesonhomepage}{block:AlbumArt}<br>{/block:AlbumArt}{/block:ifshownotesonhomepage}

{block:ifshownotesonhomepage}<br>{/block:ifshownotesonhomepage} {block:IndexPage} <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a> <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a>{block:ExternalAudio}<a href="{ExternalAudioURL}"> / download</a>{/block:ExternalAudio}</div>{/block:IndexPage}

{/block:Audio}

{block:Video} <div class="video">{block:iffourrows} {Video-250}{/block:iffourrows}{block:ifthreerows} {Video-250}{/block:ifthreerows} {block:iftworows} {Video-500}{/block:iftworows}{block:ifonerow}{Video-500}{/block:ifonerow} {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>

<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a></div> {/block:Video}

{block:Text} <div class="curve">{block:Title}<a href="{Permalink}" class="title"> {Title} </a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}

<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage} <div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a></div>

{block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More} {/block:Text}

{block:Answer}

<div class="curve"><a href="{Permalink}" class="ask"> {Question} </a></div><div id="arrow">▼</div>

<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;"> {Asker}</span> <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a></div> {/block:Answer}

{block:Link} <div class="curve"><a href="{URL}" class="title" {Target}> {Name} </a> </div><div id="arrow">▼</div> {block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a></div> {/block:Link}

{block:Quote}<div class="curve"><a href="{Permalink}" class="title">"{Quote}"</a></div><div id="arrow">▼</div>{block:Source} {Source}<br>{/block:Source}{block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a></div>{/block:Quote}

{block:Chat} <div class="curve">{block:Title}<a href="{Permalink}" class="title"> {Title} </a>{/block:Title}</div>{block:Title}<div id="arrow">▼</div>{/block:Title}

<table class="chat" style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table> {block:ifshownotesonhomepage}<br><br>{/block:ifshownotesonhomepage}

<div class="back"><img src="http://static.tumblr.com/df28qmy/SIplh2z29/untitled-1.gif"/></div> <div class="perma"><a href="{Permalink}" target="_blank">{TimeAgo}</a> {block:NoteCount}<a href="{Permalink}" target="_blank"> / {NoteCountwithLabel}{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"> / reblog</a></div> {/block:Chat}

{block:PermalinkPage}<block:Caption>{Caption}</block:Caption>{/block:PermalinkPage}

{block:PermalinkPage}</div> {block:IfShowNotesOnPermalinkPages}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:IfShowNotesOnPermalinkPages} {/block:PermalinkPage}

</div>{/block:Posts} </div>

{block:IndexPage} <div class="columnHolder footer"><div class="column navigation" id="navigation"> {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}

{block:PermalinkPagination} {block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost} {block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div> {/block:IndexPage}</div>

</body> </html>

#theme #themecode

THEME // Bliss

<html>  <title>{title}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> <link href='http://fonts.googleapis.com/css?family=Didact+Gothic|Pacifico' rel='stylesheet' type='text/css'> <meta name="color:Background" content="#ffffff" /> <meta name="color:hover Background" content="#d4ff00" /> <meta name="color:menu background" content="#d4ff00" /> <meta name="color:text" content="#000" /> <meta name="color:title" content="#000" /> <meta name="if:Disable Right Click" content="0"/> <meta name="if:Show A Home Link" content="1"/> <meta name="if:Show Ask Link" content="1"/> <meta name="if:Show Archive Link" content="1"/> <meta name="if:Show Two Custom Links" content="0"/> <meta name="if:Show Three Custom Links" content="0"/> <meta name="if:Show Four Custom Links" content="0"/> <meta name="if:Infinite scroll" content="1"/> <meta name="if:2 columns" content="0"/> <meta name="if:3 columns" content="0"/> <meta name="if:4 columns" content="1"/> <meta name="if:5 columns" content="0"/> <meta name="if:Use Banner" content="0"> <meta name="if:Use Title" content="1"> <meta name="text:Ask Page" content="/ask" /> <meta name="text:Reblog Word" content="REBLOG" /> <meta name="text:Custom Link One Title" content="" /> <meta name="text:Custom Link One" content="" /> <meta name="text:Custom Link Two Title" content="" /> <meta name="text:Custom Link Two" content="" /> <meta name="text:Custom Link Three Title" content="" /> <meta name="text:Custom Link Three" content="" /> <meta name="text:Custom Link Four Title" content"" /> <meta name="text:Custom Link Four" content="" /> <meta name="image:menu" content="" /> <meta name="image:Background" content="" /> <meta name="image:Banner" content=""> <head> <meta name="if:Enable Know Anon" content="0" /><meta name="color:Know Anon color" content="" /><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript" src="http://www.untitledthemes.com/knowanon/script.js?user_id=1356890225380&type=71214331{block:IfEnableKnowAnon}&color={color:Know Anon color}&enabled=true{/block:IfEnableKnowAnon}"></script> <style type="text/css"> iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;position:fixed;} .headertext {text-transform:uppercase;} .credit {opacity:0.7;font-size:24px;position:fixed;bottom:5px;right:5px;color:#000;} .photo img:hover; -webkit-transition: 0.2s ease-in; } .pset {width:185px; padding-bottom:2px; -webkit-transition: 0.2s ease-in;} .pset:hover -webkit-transition: 0.2s ease-in;} ::-moz-selection { background: #fdfdfd; color: {color:text}; } ::selection { background: #fdfdfd; color: {color:hover background}; } #content { margin: 2%; {block:PermalinkPage} width:3000px; margin-left:fixed{/block:PermalinkPage} } body { background: {color:Background} url('{image:Background}'); background-size: cover; color: #1d1818; font-family: 'Didact Gothic', sans-serif; font-size: 0.8em; margin: 0; color:{color:text}; padding: 0;} a { color: #050404; text-decoration: none; } iframe, img, embed, object, video { max-width: 100%; } img { height: auto; width: auto; } #menu { background: {color:menu background} url('{image:menu}'); background-size: cover; width:100%; height:auto; z-index:503; text-align: center; padding: 1%; color: #070606; margin-top:-10px; position: fixed; } } nav li { display: inline; } article { background: {color:background}; margin: 25px; {block:if2columns}margin-left: 230px;{/block:if2columns} {block:if3columns}margin-left: 100px;{/block:if3columns} {block:if4columns}margin-left: 45px;{/block:if4columns} {block:if5columns}margin-left: 45px;{/block:if5columns} padding: 0%; {block:if2columns}width: 27%;{/block:if2columns} {block:if3columns}width: 22%;{/block:if3columns} {block:if4columns}width: 19%;{/block:if4columns} {block:if5columns}width: 14%;{/block:if5columns} } .chat span { float: left; margin-right: 1%; } #tags, nav ul, .chat ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } #tags li { float: left; margin-right: 1%; } .blogtitle { font-family: 'Pacifico', cursive; font-size:20px; text-align:center; margin-top: -30px; color:{color:title} } .perma {position:absolute; padding:15px; opacity:0; -webkit-transition: 0.2s ease-in;} .photo:hover .perma {-webkit-transition: 0.2s ease-in; opacity:0.4;} .photo:hover .perma { -webkit-transition: 0.3s ease-in; position:absolute; margin:8px; padding:7px; background:#fff; opacity:0.7; } .photo:hover .perma:hover{ background-color: {color:hover background};} } </style> <script type="text/javascript">if(location.href == 'http://timbllr.tumblr.com/ask') location.replace('http://timbllr.tumblr.com/message');;</script> </head> <body> {block:ifdisablerightclick} <script language=JavaScript>  </script> {/block:ifdisablerightclick} <header id="menu"> {block:ifusetitle}<div class="blogtitle"><h1>{Title}</a></div></h1>{/block:ifusetitle} <div style="text-align: center;">{block:ifusebanner}<Br><img style="max-width:400px; max-height:300px" src="{image:banner}"/><Br><br>{/block:ifusebanner} <span class="headertext"> {block:ifShowAHomeLink}<a href="/">home</a> │ {/block:ifShowAHomeLink} {block:ifShowArchiveLink} <a href="/archive">history</a> │ {/block:ifShowArchiveLink} {block:ifShowAskLink}<a href="{text:ask page}">message</a> │ {/block:ifShowAskLink} {block:ifShowTwoCustomLinks} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a> │ <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> │ {/block:ifShowTwoCustomLinks} {block:ifShowThreeCustomLinks} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a> │ <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> │ <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> │ {/block:ifShowThreeCustomLinks} {block:ifShowFourCustomLinks} <a href="{text:Custom Link One}">{text:Custom Link One Title}</a> │ <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a> │ <a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a> │ <a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a> │ {/block:ifShowFourCustomLinks} <a href="http://timbllr.tumblr.com">theme</a> </span><br><Br> <description>{description}</description> </div> </div> </header> <div style="padding-top:170px"> <div id="content"> {block:Posts} <article> {block:Photo} {block:IndexPage}<div class="photo"><span class="perma"><a href="{Permalink}">{Notecount} ✩</a> <a href="{ReblogURL}" target="_blank">{text:Reblog Word}</a></span><img src="{PhotoURL-500}" alt="{PhotoAlt}" /></div>{/block:IndexPage} {block:permalinkpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:permalinkpage} {/block:Photo} {block:Text} <div class="text"><div style="padding:1px;"> {block:indexpage} {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title} {Body} <a href="{Permalink}">{notecountwithlabel}</a><div>{/block:indexpage} {block:permalinkpage} {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title} {Body} {/block:permalinkpage} {/block:Text} {block:Photoset} {block:IndexPage}<div class="pset">{block:Photos}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="185px"/>{/block:Photos}</div> <div style="display:none;"><span class="perma"><a href="{Permalink}">{Notecount} ✩</a> <a href="{ReblogURL}" target="_blank">{text:Reblog Word}</a></span>{/block:IndexPage} {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage} {/block:Photoset} {block:Quote} <div class="quote">{Quote}<Br> ― <b>{Source}</b><div class="tperma"><a href="{Permalink}"><br>{notecountwithlabel}</a></div></div> {/block:Quote} {block:Link} <div class="link"> {block:indexpage} <h1 class="title"><a href="{URL}">{Name}</a></h1> {block:Description}{Description}{/block:Description} <a href="{Permalink}">{notecountwithlabel}</a>{/block:indexpage} {block:permalinkpage} <h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:permalinkpage} {/block:Link} {block:Chat} <div class="chat"> {block:indexpage} <ul> {block:Lines}<li class="{Alt}"><b>{block:Label}<span class="label">{Label}</span>{/block:Label}</b><p> {Line} </p></li>{/block:Lines} </ul> <a href="{Permalink}">{notecountwithlabel}</a>{/block:indexpage} {block:permalinkpage}<ul> {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}<p> {Line} </p></li>{/block:Lines} </ul>{/block:permalinkpage} {/block:Chat} {block:Audio} <div class="audio"> {block:TrackName}<h1 class="title"><a href="{Permalink}">{TrackName}</a></h1>{/block:TrackName} <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="500" height="500"/>{/block:AlbumArt}</div> <div class="player">{AudioPlayerBlack}</div> {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed} {/block:Audio} {block:Video} <div class="video"><div class="video-player">{Video-500}</div> {/block:Video} {block:Answer} {block:IndexPage}<div class="text"><div style="padding:15px;">{Question}<br><b>asked by {Asker}</b><br>{Answer}<a href="{Permalink}">{notecountwithlabel}</a></div></div>{/block:IndexPage} {block:PermalinkPage}<div style="width:500px">{Question}<br><b>asked by {Asker}</b><br>{Answer}</div>{/block:PermalinkPage} {/block:Answer} {block:Permalink} <footer class="details"> {block:PostNotes} <br>{block:RebloggedFrom}<b>reblogged from</b>: {ReblogParentName}{/block:RebloggedFrom}<br>{block:ContentSource}<b>original source</b>: {SourceURL} {/block:ContentSource}<br><br>{block:HasTags}<b>tagged with</b>: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}<br><b><u>this post has {NoteCountWithLabel}</b></u> <br><br> {PostNotes} {/block:PostNotes} {/block:Permalink} </article> {/block:Posts} </div> {block:Pagination} <div class="pagination"> {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage} </div> {/block:Pagination} <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script> {block:IfInfiniteScroll} <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script> <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script> {/block:IfInfiniteScroll} <script> (function() { var $tumblelog = $('#content'); {block:IfInfiniteScroll} $tumblelog.infinitescroll({ navSelector : ".pagination", nextSelector : ".pagination a:first", itemSelector : "article", bufferPx : 50, done : "", loading: { finishedMsg: "<p> </p>", img : " ", msg: null, msgText: "<p> </p>" }, }, function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animate({ opacity: 1 }); $tumblelog.masonry( 'appended', $newElems); }); } ); {/block:IfInfiniteScroll} $tumblelog.imagesLoaded( function(){ $tumblelog.masonry({ columnWidth: function( containerWidth ) { return containerWidth / 100; } }); }); })(); </script> </body> <div class="credit"><a href="http://timbllr-themes.tumblr.com/">ⓣ</a></div> </html>

#theme #themecode

THEME // Narnia

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta property=”og:title” content=”{block:PostTitle} {PostTitle} {/block:PostTitle}”> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="image:Background" content=""/> <meta name="color:Main Text" content="#333333"/> <meta name="color:Links" content="#558386"/> <meta name="color:Header Links" content="#4083a9"/> <meta name="text:Number of columns" content="5"/> <meta name="color:Background" content="#f0efeb"/> <meta name="if:Fade in posts" content="0"/> <meta name="color:Post Title" content="#000000"/> <meta name="color:Description" content="#4083a9"/> <meta name="text:Post padding" content="10"/> <meta name="color:Scroll Bar" content="#000"/> <meta name="if:Fix tumblr controls" content="1"/> <meta name="if:Lightbox" content="1"/> <meta name="if:Header Style A" content="1"/> <meta name="if:Header Style B" content="0"/> <meta name="if:Fix Header" content="1"/> <meta name="if:Transparent Header" content="1"/> <meta name="if:Blog Title Style A" content="0"/> <meta name="if:Blog Title Style B" content="1"/> <meta name="if:Blog Title Style C" content="0"/> <meta name="if:Show Portrait" content="0"/> <meta name="image:Logo" content=""/> <meta name="if:RSS link" content="0"> <meta name="if:Archive link" content="0"> <meta name="color:Header" content="#ffffff"/> <meta name="color:Links" content="#558386"/> <meta name="color:Links Hover" content="#ea0d36"/> <meta name="color:Blog Hover" content="#000000"/> <meta name="color:Blog" content="#333333"/> <meta name="if:Text Background" content="1"> <meta name="color:Text background" content="#fff"/>

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</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}

{block:IndexPage} <script src="http://www.themecloud.co/themes/narnia/getjs.asp?id=144546"></script> {/block:IndexPage}

$(document).ready(function() { GetPosts({block:IfNumberofcolumns}{text:Number of columns}{/block:IfNumberofcolumns},"600");

}); </script>

{/block:IndexPage}

<style>

.bqstart, .bqend { font-size: 300%; } .bqstart { text-indent: 0; position: absolute; top: -0.2em; left: 0; } .bqend { position: absolute; margin-top: -0.2em; right: 0; text-indent: 0; } .post{ overflow:hidden; }

body{ background-color:{color:Background}; {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage} font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:{color:main text}; margin:0; background-repeat:repeat; background-attachment:fixed; }

{block:ifFixtumblrcontrols}

#tumblr_controls{ position:fixed !important; right:7px !important; top:5px !important; }

#purchase_theme{ position:fixed !important; {block:headerstyleA}top:3px !important; z-index:1000 !important; {/block:headerstyleA} }

{/block:ifFixtumblrcontrols}

iframe#tumblr_controls{ z-index:600 !important; position:fixed !important; }

::-webkit-scrollbar-thumb:vertical {background-color: {color:scroll bar}; height:100px;}

::-webkit-scrollbar-thumb:horizontal {background-color: {color:scroll bar}; height:10px !important;}

::-webkit-scrollbar { height:10px; width:7px; background-color:{color:Background};}

a{ text-decoration:none; color:{color:Links}; }

a:hover{ color:{color:Links Hover}; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2; }

.column{ float:left; width:300px; margin:0; padding:0; }

.column img{ width:100%; margin-bottom:0px; height:auto; }

.post img{ width:100%; height:auto; }

.post{ font-size:11px; position: relative; text-align:left;

{block:iffadeinposts} opacity:0.8; filter:alpha(opacity=80); {/block:iffadeinposts} }

{block:iffadeinposts} .post:hover { opacity:1; filter:alpha(opacity=100); } {/block:iffadeinposts}

{block:PermalinkPage} .notes{float:left; } .reblog_etc{ display:none; z-index:400; }

.post{ width:600px;

}

{/block:PermalinkPage}

#outer_container{ width:100%; margin-top:0px; }

#container{ margin-left:auto; margin-right:auto; {block:PermalinkPage} margin-top:30px; {/block:PermalinkPage} }

.captions{ width:100%; overflow:hidden;

{block:IndexPage} padding-top:10px; margin-left:auto; margin-right:auto; {/block:IndexPage}

text-align:left; font-size:11px; color:{color:Caption Text}; }

.captions p{ margin:0; margin-top:5px; padding:0; }

.captions a{ color:{color:Links}; }

.note_count{ text-align:left; }

.audio_player embed{ margin-left:0; font-size:11px; z-index:300 !important; color:#FF0000; opacity:1; filter:alpha(opacity=100); }

.audio{ opacity:1; filter:alpha(opacity=100); }

.audio_player{ margin-left:0; font-size:11px; color:#FF0000; background-color:#000000; opacity:1; filter:alpha(opacity=100); }

.audio_player a{ font-size:11px; color:#FF0000; text-decoration:none; }

.chat{ {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground} color:{color:main text}; text-align:left; font-family: 'Open Sans'; {block:indexpage}padding:10px 5px 5px 5px;{/block:indexpage} {block:ifnottextbackground}{block:permalinkpage}padding:0px 5px 5px 5px;{/block:permalinkpage}{block:ifnottextbackground} {block:iftextbackground}{block:permalinkpage}padding:10px 5px 5px 5px;{/block:permalinkpage}{block:iftextbackground} }

.chat_line_odd{ margin-left:2%; font-size:13px; margin-top:5px; min-height:15px; color:{color:links hover}; }

.chat_line_even{ font-size:13px; margin-left:2%; min-height:15px; margin-top:5px; color:{color:links}; }

.chat_title a{ font-weight:normal; font-size:16px; padding:5px; color:{color:post title}; }

.chat_chat{ color:{color:main text};

}

.video embed{ width:100%; z-index:500 !important; {block:PermalinkPage} height:350px !important;; {/block:PermalinkPage} }

.video iframe{ width:100%; z-index:500 !important; {block:PermalinkPage} height:350px !important;; {/block:PermalinkPage}

}

facebook_like iframe{ width:90%; height:21px; }

.text_title a{ font-weight:normal; font-size:16px; font-family:'Open Sans'; color:{color:post title};

}

.text_title a:hover{ color:{color:Links hover}; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2; }

.text{ overflow:hidden; text-align:left; font-size:12px; color:{color:main text}; font-family:'Open Sans'; {block:indexpage}padding:10px 10px 10px 10px;{/block:indexpage} {block:ifnottextbackground}{block:permalinkpage}padding:0px 10px 10px 10px;{/block:permalinkpage}{block:ifnottextbackground} {block:iftextbackground}{block:permalinkpage}padding:10px 10px 10px 10px;{/block:permalinkpage}{block:iftextbackground} {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground}

}

.quote{ overflow:hidden; text-align:left; font-size:12px; color:{color:main text}; font-family:'Open Sans'; {block:indexpage}padding:10px 10px 10px 10px;{/block:indexpage} {block:ifnottextbackground}{block:permalinkpage}padding:0px 10px 10px 10px;{/block:permalinkpage}{block:ifnottextbackground} {block:iftextbackground}{block:permalinkpage}padding:10px 10px 10px 10px;{/block:permalinkpage}{block:iftextbackground} {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground} }

.quote_title a{ font-weight:normal; font-size:16px; font-family:'Open Sans'; color:{color:post title}; margin-bottom:10px;

} .quote_title{ font-weight:normal; font-size:16px; font-family:'Open Sans'; color:{color:post title}; margin-bottom:10px;

}

.quote_title a:hover{ color:{color:Links hover}; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2; }

blockquote { margin-left: 5px; padding-left:10px; border-left: 3px solid {color:Links}; }

.link{ overflow:hidden; text-align:left; font-size:12px; color:{color:main text}; font-family:'Open Sans'; {block:indexpage}padding:10px 10px 10px 10px;{/block:indexpage} {block:ifnottextbackground}{block:permalinkpage}padding:0px 10px 10px 10px;{/block:permalinkpage}{block:ifnottextbackground} {block:iftextbackground}{block:permalinkpage}padding:10px 10px 10px 10px;{/block:permalinkpage}{block:iftextbackground} text-indent: 0; {block:iftextbackground}background-color:{color:text background};{/block:iftextbackground}

}

.link_title a{ font-weight:normal; font-size:16px; border-bottom:2px solid {color:post title}; line-height:20px; font-family:'Open Sans'; color:{color:post title}; }

.link_title a:hover{ color:{color:Links Hover}; border-bottom:2px solid {color:Links Hover}; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

#tags{ font-weight:normal; font-size:11px; font-family:'Open Sans'; color:{color:main text}; padding-left:20px; width:350px; padding-bottom:5px; }

#tags a{ color:{color:main text}; }

#time{ width:350px; font-weight:normal; font-size:11px; font-family:'Open Sans'; color:{color:main text}; padding-left:20px; overflow:ellipsis; padding-bottom:5px; }

#time a{ color:{color:main text}; }

#time a:hover{color:{color:links hover};}

#likes{ width:350px; font-weight:normal; font-size:11px; font-family:'Open Sans'; color:{color:main text}; padding-left:20px;

padding-bottom:5px;}

/*Booleans */

{block:IndexPage} .captions{ display:none; visibility:hidden; height:0px; margin:0; padding:0; } {/block:IndexPage}

.captions{ display:none; visibility:hidden; height:0px; margin:0; padding:0; }

.notes2{ position:absolute; bottom:3px; left:8px; padding:0; z-index:499; display:none; } .notes3{ position:relative; bottom:3px; left:0px; padding:0; z-index:499; display:none; }

.page_title{ font-family:{font:Page Title}; color:{color:Page Title}; font-size:24px; }

.page_title a{ font-family:{font:Page Title}; color:{color:Page Title}; font-size:24px; text-decoration:none; }

.photoset:hover .notes2{ display:block; } .photo:hover .notes2{ display:block; } .text:hover .notes3{ display:block; } .link:hover .notes3{ display:block; } .quote:hover .notes3{ display:block; } .chat:hover .notes3{ display:block; } .video embed:hover .notes3{ display:block; } .video iframe:hover .notes3{ display:block; } .video:hover .notes3{ display:block; }

.blog_title7 { font-size:22px; position: absolute; float:left; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color: #B4B4BC; text-transform: uppercase; margin:0px; float:left; z-index:483; padding:21px 15px 0px 31px; {block:iflogoImage}display:none{/block:iflogoImage} } .blog_title6 { font-size:22px; position: absolute; float:left; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color: #F46429; text-transform: uppercase; margin:0px; float:left; z-index:484; padding:20px 0px 0px 30px; {block:iflogoImage}display:none{/block:iflogoImage} } .blog_title5 { font-size:22px; position: absolute; float:left; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color:#B41639; text-transform: uppercase; margin:0px; float:left; z-index:485; padding:19px 0px 0px 29px; {block:iflogoImage}display:none{/block:iflogoImage} } .blog_title4 { font-size:22px; position: absolute; float:left; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color:#644697; text-transform: uppercase; margin:0px; float:left; z-index:486; padding:18px 0px 0px 28px; {block:iflogoImage}display:none{/block:iflogoImage} } .blog_title3 { font-size:22px; position: absolute; float:left; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color:#124B99; text-transform: uppercase; margin:0px; float:left; z-index:487; padding:17px 0px 0px 27px; {block:iflogoImage}display:none{/block:iflogoImage} } .blog_title2 { font-size:22px; position: absolute; float:left; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color:#086AA6; text-transform: uppercase; margin:0px; float:left; z-index:488; padding:16px 0px 0px 26px; {block:iflogoImage}display:none{/block:iflogoImage} } .blog_title_version_a a { z-index:489; position: relative; font-weight:500; color:{color:blog}; text-transform: uppercase; margin:0px; float:left; padding:15px 0px 0px 25px; {block:iflogoImage}display:none{/block:iflogoImage} } .terminal { font-size:22px; font-family: 'Terminal Dosis', sans-serif; } .stardos { font-size:26px; font-family: 'Stardos Stencil', cursive; } .blog_title a{ font-size:22px; z-index:489; position: relative; font-weight:500; font-style:italic; font-family: Helvetica, sans-serif; color:{color:blog}; text-transform: uppercase; margin:0px; float:left; padding:15px 0px 0px 25px; {block:iflogoImage}display:none{/block:iflogoImage} }

.blog_title_2 { z-index:489; margin-left:auto; margin-right:auto; width:100%; text-align:center; font-weight: normal; font-size:60px; color:{color:blog}; }

.blog_title_2 a { color:{color:blog}; text-transform: uppercase; font-weight: normal; font-size:60px; text-decoration:none; } .logo2_image { margin-bottom:20px;

} #logo2 { z-index:489; margin-left:auto; margin-right:auto; text-align:center; width:auto; }

.blog_title a:hover{ color:{color:bloghover}; }

header_title{ padding:10px 0px 0px 20px; border:1px solid red; top:0px; position:fixed; } #posts{

{block:ifheaderstyleA} {block:iffixheader} padding-top:50px; {/block:iffixheader}

{/block:ifheaderstyleA} }

#header_menu{ {block:ifnotheaderstyleA} display:none; {/block:ifnotheaderstyleA} width:100%; height:60px; z-index:503; {block:ifnottransparentheader} background-color:{color:header}; {/block:ifnottransparentheader}

{block:iftransparentheader} background-color:{color:Background}; {block:ifbackgroundimage}background-image:url('{image:background}'); background-repeat:repeat; {/block:ifbackgroundimage} {/block:iftransparentheader}

{block:iffixheader} position:fixed; margin-bottom:80px; {/block:iffixheader} top:0px; left:0px; } #header_menu2{ {block:ifnotheaderstyleB} display:none; {/block:ifnotheaderstyleB} width:100%; height:auto; z-index:503; padding-top:20px; {block:ifnottransparentheader} background-color:{color:header}; {/block:ifnottransparentheader}

{block:iffixheader} position:fixed; {/block:iffixheader} top:0px; left:0px; }

#page_menu{ display:none; width:100%; height:auto; z-index:501; margin-top:60px; {block:ifnottransparentheader} background-color:{color:header}; {/block:ifnottransparentheader} {block:iftransparentheader} background-color:{color:Background}; {block:ifbackgroundimage}background-image:url('{image:background}'); background-repeat:repeat; {/block:ifbackgroundimage} {/block:iftransparentheader} position:absolute; {block:iffixheader} position:fixed; {/block:iffixheader} color:{color:description}; top:0px; left:0px; } #page_content{ display:none; visibility:hidden; width:100%; height:140px; z-index:508; position:fixed; top:60px; left:0px; } #page_curl{ margin-top:0px; margin-left:20px; z-index:16000000; float:left; } #page_plus{ margin-top:8px; margin-left:15px; z-index:16000000; font-size:30px; color:{color:description}; font-family:'Open Sans'; float:left; } #nav{ float:left; font-size:11px; text-transform:uppercase; margin-top:20px; margin-left:25px; }

#nav a{ display:block; float:left; margin-right:30px; color:{color:Header Links}; border-top:0px solid {color:Header Links}; text-decoration:none; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2; line-height:20px; }

#nav a:hover{ color:{color:Links Hover}; border-top:3px solid {color:Header Links}; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

#nav2{ text-align:center; font-size:11px; text-transform:uppercase; margin-bottom:20px; margin-left:auto; margin-right:auto; }

#nav2 a{ color:{color:Header Links}; margin-right:15px; margin-left:15px; border-top:0px solid {color:Header Links}; text-decoration:none; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2; line-height:20px; }

#nav2 a:hover{ color:{color:Links Hover}; border-top:3px solid {color:Header Links}; -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}

#description{ font-family:'Open Sans'; width:400px; margin-left:25px; height:auto; float:left; font-size:12px; margin-bottom:20px; color:{color:description}; }

#description2{ font-family:'Open Sans'; text-align:center; margin-left:auto; margin-right:auto; width:50%; height:auto; font-size:12px; padding-bottom:20px; color:{color:description}; } #profile_picture { font-family:'Open Sans'; width:70px; margin-left:25px; height:auto; float:left; font-size:12px; margin-bottom:20px; } #my_likes { font-family:'Open Sans'; width:auto; margin-left:25px; height:auto; float:left; font-size:12px;

margin-bottom:20px; color:{color:description} !important; }

ul#likes { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } li.like_post img { border:3px solid {color:links}; } li.like_post { /* Should match the width specified in the Likes tag */ width: 100px; padding:0; float: left; } li.like_caption { display:none; }

li.like_post blockquote { display:none; }

li.like_post ol, li.like_post ul { margin: 0 0 0 0; padding: 0; }

li.like_post .like_link a { font-weight: bold; }

li.like_post .like_title { font-weight: bold; }

li.like_post .post_info_bottom { margin: 0 0 0 0; display: block !important; }

#profile_picture img { border:3px solid {color:links}; } #toTop{ position:fixed; right:5px; bottom:5px; padding:10px; border:0px; z-index:500;

}

.perma_notes { width:100%;; } .perma_notes .clear { margin:0; padding:0; height:0px; }

.perma_notes .avatar { border:none; margin:0; padding:0; } .perma_notes ol { margin:0; padding:0; } .perma_notes li { margin:0; padding:0; width:30px; list-style:none; border:none; float:left; margin-right:4px; margin-bottom:4px; } .perma_notes .note .action { display:none; visibility:hidden; margin:0; padding:0; } .more_box{ width:30px; height:30px; color:red; margin:0; padding:0; float:left; } .more_notes_link { width:30px; height:30px; font-size:16px; background-color:{color:header}; color:{color:header links}; } .more_notes_link_container { margin:0; padding:0; width:30px; height:30px; list-style:none; border:none; float:left; margin-right:4px; margin-bottom:4px; background-color:{color:header}; color:{color:header links}; }

.note more_notes_link_container li a { color:{color:header links}; }

.perma_notes blockquote { display:none; }

.post { margin-top:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding} margin-bottom:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding} margin-left:0; margin-right:0;

} .column { margin-left:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding} margin-right:0px; } .column0 { margin-left:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding} margin-right:0px; } .columnlast { margin-right:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding} { margin-left:{block:ifpostpadding}{text:Post padding}px;{/block:ifpostpadding} }

#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background-image:url(http://lab.mattvarone.com/projects/jquery/totop/img/ui.totop.png); }

#totop_image { background-image:url(http://www.themecloud.co/themes/narnia/totop_1.png); width:51px; height:51px }

#toTopHover { background-image:url(http://lab.mattvarone.com/projects/jquery/totop/img/ui.totop.png); width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

#toTop:active, #toTop:focus { outline:none; }

.corner { position:fixed;z-index:60000;color:red; display: block; width: 200px; height: 200px; top: -25px; right: -25px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);

} .bebas { font-size:36px; font-family: 'BebasNeueRegular', sans-serif; } </style>

document.getElementById('page_plus').innerHTML = ''; IsOpen2="yes"; }else { $("#header_menu").slideUp("slow"); $("#page_menu").slideUp("slow"); document.getElementById('page_plus').innerHTML = ''; IsOpen2="no"; } } </script> <script type="text/javascript"> function changeText(){ } </script>

{block:iflightbox} <script> $(document).ready(function() { /* This is basic - uses default settings */ $("a#single_image").fancybox(); /* Using custom settings */ $("a#inline").fancybox({ 'hideOnContentClick': true });

$(".various3").fancybox({ 'width' : '50%', 'height' : '30%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); }); </script>

{/block:iflightbox}

{/block:ifheaderstyleB} $().UItoTop({ easingType: 'easeOutQuart' }); }); </script> </head>

<body>

(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script>

{block:ifnotheaderstyleA} {block:ifnotheaderstyleB}

<div class="corner" onclick="ShowMenu2()" style="cursor:pointer; position:fixed;z-index:60000;background-color:{color:header}; border:1px solid {color:header links}; display: block; width: 60px; height: 60px; top:-35px; left:-35px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform: rotate(45deg); "> </div> {/block:ifnotheaderstyleB} {/block:ifnotheaderstyleA}

{block:IfLogoImage}<a href="/"><img border="0" style="max-height:40px; float:left; margin:10px 0px 0px 20px;" src="{image:Logo}"/></a>{/block:IfLogoImage}

{block:IfNotLogoImage} {block:ifBlogTitleStyleA} <div class="blog_title_version_a"><a class="terminal" href="/">{Title}</a></div> {/block:ifBlogTitleStyleA} {block:ifBlogTitleStyleB} <div class="blog_title_version_a"><a style="font-size:36px;" class="bebas" href="/">{Title}</a></div> {block:ifBlogTitleStyleB} {block:ifBlogTitleStyleC} <div class="blog_title_version_a"><a class="stardos" href="/">{Title}</a></div> {block:ifBlogTitleStyleC} {/block:IfNotLogoImage}

{block:ifflag}<div id="page_curl"><img onclick="ShowMenu();" style="cursor:pointer;" src="https://64.media.tumblr.com/tumblr_lqv3wxBZyu1r0kskpo1_100.png" border="0" /></div>{/block:ifflag}

{block:AskEnabled}<a class="various3" href="http://www.tumblr.com/ask_form/{Name}.tumblr.com">MESSAGE</a>{/block:AskEnabled} {block:ifarchivelink}<a href="/archive">ARCHIVE</a>{/block:ifarchivelink} {block:ifrsslink}<a href="{RSS}"> RSS </a>{/block:ifrsslink} {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} <a href="http://www.themecloud.co/narnia-tumblr-theme.asp">TUMBLR THEMES</a> </div>

</div></div>

<div id="header_menu2"> <div id="logo2"> {block:IfLogoImage}<a href="/"><img class="logo2_image" border="0" src="{image:Logo}"/></a>{/block:IfLogoImage}

{block:IfNotLogoImage}

{block:ifBlogTitleStyleA} <div class="blog_title_2"><a class="terminal" href="/">{Title}</a></div> {/block:ifBlogTitleStyleA} {block:ifBlogTitleStyleB} <div class="blog_title_2"><a class="bebas" href="/">{Title}</a></div> {block:ifBlogTitleStyleB} {block:ifBlogTitleStyleC} <div class="blog_title_2"><a class="stardos" href="/">{Title}</a></div> {block:ifBlogTitleStyleC}

{/block:IfNotLogoImage} </div>

<div id="page_menu"> {block:ifshowportrait} <div id="profile_picture"> <img src="{PortraitURL-64}" /> </div> {/block:ifshowportrait} {block:Description} <div id="description">{Description}</div>{/block:Description}

{block:Likes} <div id="my_likes"> <div id="likes_container"> <a href="http://www.tumblr.com/liked/by/{Name}">I Like</a>

{Likes limit="1"}

</div> </div> {/block:Likes} </div>

{block:IndexPage} <div id="posts_hidden" style="display:none;visibility:hidden;">

<POSTS>

{block:Posts}

{block:Link} <divabc class="post link"> <divabc class="link_title"><a href="{URL}" {Target}>{Name}</a></divabc>

{block:Description} <divabc class="link_description">{Description}</divabc> {/block:Description}

<divabc class="reblog_etc" style="font-size:10px;height:20px;margin-top:0px;margin-left:0px;margin-right:0px;float:left;background-image:url(http://www.themecloud.co/themes/narnia/middle.png);background-repeat:repeat-x;color:#FFF;opacity:1;filter:alpha(opacity=100);padding-top:4px;" ><a href="{Permalink}"style="color:white;"><span id="<x>note_count_{PostID}">{NoteCount}</span></a></divabc>

<divabc class="captions">{Caption}</divabc> </divabc><SPLITTER> {/block:Link}

{block:Quote} <divabc class="post quote"> <divabc class="quote_title"><a href="{Permalink}" {Target}>"{Quote}"</a></divabc> {block:Source} <divabc class="quote_source" style="text-align:right; padding-top:10px;">- {Source}</divabc> {/block:Source}

<divabc class="captions">{Caption}</divabc> </divabc><SPLITTER> {/block:Quote}

{block:Photoset} <divabc class="post photoset"> {block:Photos} <a href="{permalink}"><img src="{PhotoURL-500}" border="0" /></a> {/block:Photos} <divabc class="notes2" style="float:right;width:100%;text-align:right;"> <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" /> </a></divabc> <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;"> <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/> </divabc>

<divabc class="captions">{Caption}</divabc> </divabc><SPLITTER> {/block:Photoset}

{block:Text} <divabc class="post text"> {block:Title} <divabc class="text_title"><a href="{Permalink}">{Title}</a></divabc> {/block:Title}

{block:Caption}{Caption}{/block:Caption} </divabc><SPLITTER> {/block:Text}

{block:Video} <divabc class="post video"> {Video-500}

<divabc class="captions">{Caption}</divabc> </divabc><SPLITTER> {/block:Video}

{block:Photo} <divabc class="post photo"><a href="{Permalink}"><img src="{PhotoURL-500}" border="0" /></a> <divabc class="notes2" style="float:right;width:100%;text-align:right;">

{block:iflightbox} <a id="single_image" href="{PhotoURL-500}" ><img src="https://64.media.tumblr.com/tumblr_lqr0e7QyrS1r0kskpo1_100.png" style="margin-left:3px; border:0px; width:24px; height:20px;cursor:pointer; float:left;" class="reblog_etc" alt=""/></a>

{/block:iflightbox} </divabc> </divabc>

<SPLITTER> {/block:Photo}

{block:Audio} <divabc class="post audio"> {block:AlbumArt} <a href="{Permalink}"> <divabc class="album_art"> <img style="width:100%; margin-left:auto; margin-right:auto;" src="{AlbumArtURL}" border="0" /> </divabc> </a> {/block:AlbumArt} <divabc class="audio_player">{AudioPlayerBlack}</divabc> <divabc class="notes2" style="float:right;width:100%;text-align:right;"> <divabc class="reblog_etc" style="float:left;text-align:right;"><a href="{ReblogURL}" target="_blank"><img src="http://www.themecloud.co/themes/narnia/reblog.png" style="height:20px;cursor:pointer;" alt="reblog" title="reblog" border="0" /> </a></divabc> <divabc class="reblog_etc" style="float:left;text-align:left;margin-left:3px;height:20px;"> <img height="20" style="height:20px;cursor:pointer;" src="http://www.themecloud.co/themes/narnia/like.png" id="like_image_{PostID}" onclick="LikePost('{PostID}','{ReblogURL}',this)" border="0" alt="like" title="like"/> </divabc>

<divabc class="captions">{Caption}</divabc> </divabc> <SPLITTER> {/block:Audio}

{block:Chat} <divabc class="post chat">

<divabc class="chat_box"> {block:Title} <divabc class="chat_title"><a href="{Permalink}">{Title}</a></divabc> {/block:Title} {block:Lines} <divabc class="chat_line_{Alt}"> {block:Label} <span class="chat_label">{Label}</span> {/block:Label} <span style="color:{color:main text};">{Line}</span> </divabc> {/block:Lines}

<divabc class="captions">{Caption}</divabc> </divabc>

</divabc>

<SPLITTER> {/block:Chat}

{/block:Posts}<POSTS>

</div> {/block:IndexPage}

{block:IndexPage} <div id="container" style="width:100%;"> {block:IndexPage} {block:PermalinkPage} <div id="container" style="width:1000px;">

{/block:PermalinkPage} <div id="posts" style="margin-left:auto; margin-right:auto;">

{block:PermalinkPage}

{block:Posts}

{block:Link} <div class="post" style="width:1000px;">

<div style="width:590px;float:left; " class="link"> <div class="link_title"><a href="{URL}" {Target}>{Name}</a></div> {block:Description} <div class="link_description">{Description}</div> {/block:Description} </div>

{block:NoteCount}<span id="likes"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">k</span>This post has {NoteCountWithLabel}</span> </br> <div style="height:5px; width:370px;"> </div>{/block:NoteCount}

{block:Date} <span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">t</span>This was posted {TimeAgo}</span></br> <div style="height:5px; width:370px;"> </div>{/block:Date}

{block:RebloggedFrom}<span id="time"><span style="padding-right:10px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">r</span>This was reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></span></br> <div style="height:5px; width:370px;"> </div>{/block:RebloggedFrom}

{block:HasTags}<span id="tags"><span style="padding-right:13px; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">z</span>This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">{Tag},</a> {/block:Tags}</span></br> <div style="height:5px; width:370px;"> </div>{/block:HasTags}

{block:ContentSource}<span id="time"><span style="padding-right:10px; ; font-size:15px; color:{color:Links}; font-family:'PictosRegular';">R</span><a href="{SourceURL}"><script>TrimURL(50,'{SourceURL}')</script></a></span> </br> <div style="height:5px; width:370px;"> </div>{/block:ContentSource}

<div style="margin-left:20px; margin-top:10px; float:left;"> <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url=”{permalink}” data-text=”{Title}”>Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script> </div>

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div>

{/block:Link}

{block:Quote}<div class="post" style="width:1000px;">

<div style="width:590px;float:left; " class="quote"> <div class="quote_title">"{Quote}"</div> {block:Source} <div class="quote_source">{Source}</div> {/block:Source} </div>

{block:HasTags}

<div style="width:325px;float:left;">This has been tagged with {block:Tags}<a style="color:{color:Links}" href="{TagURL}">#{Tag}</a> {/block:Tags} </div>

</div>

</br>

<div style="height:5px; width:370px;"> </div>{/block:HasTags}

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div> {/block:Quote}

{block:Photoset}<div class="post" style="width:1000px;">

<div style="width:590px;float:left; " class="photoset"> {Photoset-500}

{block:Caption}<div style="float:left: padding-top:10px;">{Caption}</div>{/block:Caption}

</div>

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div> {/block:Photoset}

{block:Text} <div class="post" style="width:1000px;">

<div style="width:590px;float:left; " class="text"> {block:Title} <div class="text_title"><a href="{Permalink}">{Title}</a></div> {/block:Title}

{Body} </div>

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div> {/block:Text}

{block:Video} <div class="post" style="width:1000px;">

{Video-500}

{block:Caption}<div style="float:left: padding-top:10px;">{Caption}</div>{/block:Caption}

</div> <div style="width:370px; float:left; overflow:hidden;">

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div> {/block:Video}

{block:Photo} <div class="post photo" style="width:1000px;">

<div style="width:590px;float:left; ">{LinkOpenTag}<img src="{PhotoURL-HighRes}" border="0" style="float:left; margin-bottom:10px;"/>{LinkCloseTag}

{block:Caption}{Caption}{/block:Caption}

</div>

</div>

{block:PostNotes} <div class="perma_notes" style="float:left; width:370px;margin-left:20px; margin-top:20px;">{PostNotes}</div> {/block:PostNotes} </div>

{/block:Photo}

{block:Audio} <div class="post" style="width:1000px; ">

<div style="width:590px;float:left; " class="audio"> {block:AlbumArt} <a href="{Permalink}"> <div class="album_art"> <img style="width:400px; margin-left:auto; margin-right:auto;" src="{AlbumArtURL}" border="0" /> </div> </a> {/block:AlbumArt} <div class="audio_player" style="width:400px;">{AudioPlayerBlack}</div>

{block:Caption}<div style="float:left: padding-top:10px;">{Caption}</div>{/block:Caption}

</div>

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div>

{/block:Audio}

{block:Chat} <div class="post" style="width:1000px;">

<div class="chat_box"> {block:Title} <div class="chat_title"><a href="{Permalink}">{Title}</a></div> {/block:Title} {block:Lines} <div class="chat_line_{Alt}"> {block:Label} <span class="chat_label">{Label}</span> {/block:Label} {Line} </div> {/block:Lines}

</div>

{block:PostNotes} <div class="perma_notes" style="width:370px; margin-top:20px; margin-left:20px;float:left;">{PostNotes}</div> {/block:PostNotes} </div> {/block:Chat}

{/block:Posts}</div> {/block:PermalinkPage}

</div> </div>

</div>

<div style="display:none;visibility:hidden;" id="audio_player_color">#FFFFFF</div> <div style="display:none;visibility:hidden;" id="post_padding">{text:Post padding}</div> <div style="display:none;visibility:hidden;" id="tag_page">{block:TagPage}{Tag}{/block:TagPage}</div>

#theme #themecode

if anyone wants the blink and its over theme code for free let me know!

#blinkanditsover #themecode #free #hollaatme #igotthehookups