Theme For Tumblr

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.
org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!-Kinley LITE is a theme by Andrew Stichbury of Untitled Themes. For more info rmation, more features and to install the theme visit http://www.untitledthemes. com/kinley -->  <meta name="image:Background" content="http://static.tumblr.com/jw8fmba/CPelyxp1 n/white_wood.jpg" />  <meta name="image:Header" content="" /> <!-<meta <meta <meta <meta <meta [COLOR VARIABLES] --> name="color:Background" content="#EEEEEE" /> name="color:Accent" content="#eb1b4c" /> name="color:Post accent" content="#eb1b4c" /> name="color:Header background" content="#F7F7F7" /> name="color:Header text" content="#eb1b4c" />
 <meta name="text:Description title" content="About" /> <meta name="text:Disqus name" content="" /> <!-<meta <meta <meta <meta <meta <meta <meta <meta <meta <meta <meta [IF VARIABLES] --> name="if:Infinite scroll" content="0" /> name="if:Fixed background" content="0" /> name="if:Repeat background" content="1" /> name="if:Center background" content="1" /> name="if:Static header" content="1" /> name="if:Border between header items" content="0" /> name="if:Show description" content="1" /> name="if:Allow visitors to search this blog" content="1" /> name="if:Archive and Subscribe in header" content="1" /> name="if:Animate posts when resizing browser" content="1" /> name="if:Show post tags" content="0" />
<title>{Title}{block:SearchPage} | {SearchQuery}{/block:SearchPage}{block:PostSu mmary} | {PostSummary}{/block:PostSummary}</title> <link rel="shortcut icon" href="{Favicon}"> <link rel="alternate" type="application/rss+xml" href="{RSS}"> {block:Description}<meta name="description" content="{MetaDescription}" />{/bloc k:Description} <style type="text/css"> @import url(http://static.tumblr.com/jw8fmba/yXflywnye/museoslab.css); @import url(http://fonts.googleapis.com/css?family=Coming+Soon); html,body {margin: 0; height: 100%;} body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: url({image:Background}) {color:Background}{block:IfFixedBackground} fixed{/block :IfFixedBackground}{block:IfNotRepeatBackground} no-repeat{/block:IfNotRepeatBac
kground}{block:IfCenterBackground} center{/block:IfCenterBackground}; } ::selection { background-color: {color:Accent}; color: white; } ::-moz-selection { background-color: {color:Accent}; color: white; } h1, h2, h3, h4, h5, h6 { line-height: 150%; font-family: 'MuseoSlab500', serif; font-weight: normal; text-transform: uppercase; } h1 { font-size: 22px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p, li, td, code, blockquote {font-size: 11px; line-height: 150%; } a img { border: none; } a { color: inherit; font-size: inherit; text-decoration: inherit; } p a, li a, code a, blockquote a { text-decoration: underline; } em, i { font-style: italic;} strong, b { font-weight: bold; } blockquote {margin: 0; padding: 0 0 0 9px; border-left: 1px #CCC dotted;} .header { {block:IfNotStaticHeader}position: fixed; top: 0; left: 0;{/block:IfNo tStaticHeader} width: 100%; margin: 0; padding: 0; z-index: 999; {block:IfNotSta ticHeader}background-color: {color:Header background}; box-shadow: 0 1px 3px rgb a(0,0,0,0.25);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);{/block:IfNotStaticHeader} color: {color:Header text}; } .header .header_top { position: relative; padding: 15px 0; text-align: center; f ont-family: 'MuseoSlab500', serif; font-weight: normal; text-transform: uppercas e; font-size: 20px; {block:IfBorderBetweenHeaderItems}border-bottom: rgba(0,0,0, 0.15) 1px solid;{/block:IfBorderBetweenHeaderItems}} .header .header_top img { max-height: 50px; max-width: 100%; } .header .header_bottom { position: relative; padding: 5px 10px; text-align: cent er; font-size: 12px; {block:IfBorderBetweenHeaderItems}border-top: rgba(255,255, 255,1) 1px solid;{/block:IfBorderBetweenHeaderItems}} .header .header_bottom a { margin: 0 5px;} .drop_down { position: absolute; left: 0; top: 100%; width: 150px; padding: 0; p adding-top: 8px; margin: 0; visibility: hidden; z-index: 1000; } .drop_down a { margin: 0px !important; } .drop_down li { margin: 0; list-style: none; padding: 10px 15px; border-top: 1px solid rgba(0,0,0,0.15); background-color: {color:Header background}; } .drop_down li:hover { background-color: {color:Accent}; border-top: 1px solid {c olor:Accent}; color: #FFF; text-shadow: 0 1px rgba(255,255,255,0);} .drop_down a:last-child li { -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-bord er-radius-bottomleft: 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius : 0px 0px 5px 5px; } .menu { position: relative; display: inline; } .menu:hover .drop_down { visibility: visible; } .slide_down { width: 500px; margin: auto; padding: 25px 0; color: {color:Accent} ; text-align: center; } .slide_down h2 { position: relative; width: 100%; } .search_box input { width: 450px; background: transparent; border: 0px; padding: 10px; font-size: 15px; border-bottom: 1px dotted {color:Accent}; outline: none; } .posts { margin: 20px auto 25px auto; position: relative; padding-bottom: 25px; clear: both; } .posts:after { content: "."; display: block; clear: both; visibility: hidden; li ne-height: 0; height: 0; } .post { float: left; background: #fff; margin: 5px; box-shadow: 0 1px 3px rgba(0 ,0,0,0.25); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1 px 3px rgba(0,0,0,0.25);} .post { width: {block:IndexPage}280px{/block:IndexPage}{block:PermalinkPage}530p
x{/block:PermalinkPage}; } .inner { padding: 15px 15px 10px 15px; } .post h3 { margin: 0; color: {color:Post accent}; } .post p, .post li { line-height: 175%; } .post p { margin: 10px 0 5px 0; } .post .tags { margin: 5px 0; } .post ol, .post ul { margin: 10px 0; padding: 0;} .post li { margin: 5px 25px; padding: 0; } .post .photo_wrapper {position: relative;} .post .main_photo {width: 100%;} .post .inner img { max-width: 100%; height: auto; } .post .question { padding: 5px 10px; background-color: {color:Post accent}; marg in-bottom: 10px; position: relative; font-size: 11px; line-height: 175%; color: white; } .post .question:after { content: ''; position: absolute; top: 100%; left: 10px; border-left: 5px solid transparent; border-right: 5px solid transparent; bordertop: 5px solid {color:Post accent}; width: 0; } .post .asker_line { margin: 0; margin-left: 10px; } .post .asker_line a { text-decoration: none; color: {color:Accent}; } .post .player { width: 100%; background-color: #e3e3e3; } .post .with_art { } .post .lines { margin: 0 0 5px 0; } .post .lines .line { padding: 10px; font-size: 11px; } .post .lines .odd {} .post .lines .even { background: #f6f6f6; } .post .tags a { color: #999; text-decoration: none; margin: 0 5px 0 0; font-size : 11px; font-style: italic; } .post .meta_info { margin: 10px 0 0 0; font-size: 11px; color: {color:Post accen t};} .post .meta_info a { color: inherit; text-decoration: none; } .post .meta_info .notes_if_1 { display: none; } .loaded .dsq-comment-count { display: none; } .post a .read_more {color: #524D4D; text-decoration: none; } .post .read_more { background: #F2F2F2; padding: 10px; text-align: center; fontsize: 11px; } .post ol.notes { padding: 0; margin: 0 5px !important;list-style-type: none; } .post ol.notes li.note { border-top: solid 1px #F6F6F6; padding: 6px 0;margin: 0 !important;} .post ol.notes li.like { background: url(http://assets.tumblr.com/images/note_li ke.png) right center no-repeat;} .post ol.notes li.reblog { background: url(http://assets.tumblr.com/images/note_ reblog.png) right center no-repeat; } .post ol.notes li.note img.avatar { vertical-align: -4px;margin-right: 10px;widt h: 16px;height: 16px; } .post ol.notes li.note .answer_content { font-weight: normal; } .post ol.notes li.note blockquote { border-color: #F6F6F6; padding: 4px 10px; ma rgin: 10px 0px 0px 25px ;} .post ol.notes li.note blockquote a {text-decoration: none;} #dsq-content #dsq-footer { display: none; } .hidden { display: none; } .pagination { width: 100%; text-align: center; font-size: 14px; padding: 25px 0 50px 0; } .pagination .previous_page, .pagination .next_page { font-family: 'MuseoSlab500' , serif; text-transform: uppercase; padding: 11px 10px; color: {color:Accent}; } .pagination .jump_page { padding: 5px 10px; color: {color:Accent}; border-radius : 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px {color:A ccent} dashed; } .pagination .current_page { padding: 11px 10px; color: {color:Accent}; } #tumblr_controls { position: fixed !important; } {block:IfAnimatePostsWhenResizingBrowser}
.masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; } .masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } {/block:IfAnimatePostsWhenResizingBrowser} .infinite_scroll { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); color: #FFF; text-align: center; } .infinite_scroll td { font-size: 12px; } .infinite_scroll td a { text-decoration: underline; } {CustomCSS} </style> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></s cript> <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/7Nllzipiz/k inley.js?ver=1.3"></script> <script type="text/javascript"> $(document).ready(function() { $('a.theme_cred').click(function () { $('.slide_down:not(.attribute_box)').slideUp('fast'); $('.attribute_box').slideToggle('fast'); return false; }); }); </script>  <script type="text/javascript" src="http://static.tumblr.com/jw8fmba/i5nm2b5p0/u
ntitledthemes_assistant.js"></script> </head> <body class="{Name}_tumblr"> <div class="header"> <div class="header_top" {block:IfStaticHeader}id="top"{/block:IfStat icHeader}><a href="/">{block:IfHeaderImage}<img src="{image:Header}" />{/block:I fHeaderImage}{block:IfNotHeaderImage}{Title}{/block:IfNotHeaderImage}</a></div> <div class="header_bottom"><a href="/">{lang:Home}</a>{block:IfShowD escription}{block:Description} ・ <a href="#top" onclick="$('.slide_down:n ot(.description_box)').slideUp('fast'); $('.description_box').slideToggle('fast' );" class="scroll">{text:Description title} ▾ </a>{/block:Description}{/bl ock:IfShowDescription}{block:AskEnabled} ・ <a href="#top" onclick="$('.sl ide_down:not(.ask_box)').slideUp('fast'); $('.ask_box').slideToggle('fast');" cl ass="scroll">{AskLabel} ▾</a>{/block:AskEnabled}{block:SubmissionsEnabled} ・ <a href="#top" onclick="$('.slide_down:not(.submit_box)').slideUp('fas t'); $('.submit_box').slideToggle('fast');" class="scroll">{SubmitLabel} ▾ </a>{/block:SubmissionsEnabled}{block:IfAllowVisitorsToSearchThisBlog} ・ <a href="#top" onclick="$('.slide_down:not(.search_box)').slideUp('fast'); $('.s earch_box').slideToggle('fast');" class="scroll">{lang:Search} ▾</a>{/bloc k:IfAllowVisitorsToSearchThisBlog}{block:IfArchiveAndSubscribeInHeader} ・ <a href="/archive">{lang:Archive}</a> ・ <a href="{RSS}">{lang:Subscribe} </a>{/block:IfArchiveAndSubscribeInHeader}{block:HasPages}{block:Pages} ・ <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</a><noscript> &#1253 9; <a href="http://www.untitledthemes.com/kinley">Theme</a></noscript></div> </div> {block:IfNotStaticHeader}<div class="header" id="top" style="position: relat ive; visibility: hidden; z-index: 1;"> <div class="header_top">{block:IfHeaderImage}<img src="{image:Header }" />{/block:IfHeaderImage}{block:IfNotHeaderImage}.{/block:IfNotHeaderImage}</d iv> <div class="header_bottom">.</div> </div>{/block:IfNotStaticHeader} {block:IfShowDescription}{block:Description}<div class="slide_down descripti on_box" style="display: none"> <h2>{text:Description title}</h2> <p>{Description}</p> </div>{/block:Description}{/block:IfShowDescription} <div class="slide_down ask_box" style="display: none"> <iframe frameborder="0" scrolling="no" width="100%" height="149" src="ht tp://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transpar ent; overflow:hidden;" id="ask_form"></iframe> </div> <div class="slide_down submit_box" style="display: none"> <iframe frameborder="0" scrolling="no" width="100%" height="500" id="sub mit_form" src="http://www.tumblr.com/submit_form/{Name}.tumblr.com" style="backg round-color:transparent; overflow:hidden;"></iframe> </div> <div class="slide_down search_box" {block:SearchPage}no_{/block:SearchPage}s tyle="display: none"> <h2 {block:SearchPage}style="display: none"{/block:SearchPage}>{lang:Sea rch keywords}</h2>{block:SearchPage}<h2>{lang:Search results for SearchQuery 2}<
/h2>{/block:SearchPage} <form action="/search" method="get"> <label>x</label> <input type="text" name="q" placeholder="{lang:Search}" id="sear ch_bar" value="{SearchQuery}" /> </form> </div> <div class="slide_down attribute_box" style="display: none"> <h2>Kinley LITE Theme on {Title}</h2> <p class="credit"></p> </div> {block:TagPage}<div class="slide_down"> <h2>{lang:Posts tagged Tag 2}</h2> </div>{/block:TagPage} <div class="posts" style="opacity: 0"> {block:Posts} <div class="post" id="{PostID}"> <div class="inner"> {block:Text}<div class="body">{block:Title}<h3>{Title}</h3>{/block:Title }{Body}</div>{/block:Text}{block:Answer}<div class="question">{Question}</div><p class="asker_line">{Asker}</p>{Answer}{/block:Answer}{block:Chat}{block:Title}< h3>{Title}</h3>{/block:Title}<div class="lines">{block:Lines}<div class="line {A lt}">{block:Label}{Label}{/block:Label} <em>{Line}</em></div>{/block:Lines}</div >{/block:Chat}{block:Quote}<h3 class="quote">"{Quote}"</h3>{block:Source}<p>- {S ource}</p>{/block:Source}{/block:Quote}{block:Link}<h3><a href="{URL}" {Target}> {Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link} {block:Photo}<div class="photo_wrapper">{LinkOpenTag}<img src="{block:IndexPage} {PhotoURL-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:Perma linkPage}" alt="{PhotoAlt}" class="main_photo" />{LinkCloseTag}</div>{/block:Pho to}{block:Photoset}{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:Perma linkPage}{Photoset-500}{/block:PermalinkPage}{/block:Photoset}{block:Video}<div class="video_box">{block:IndexPage}{Video-250}{/block:IndexPage}{block:Permalink Page}{Video-500}{/block:PermalinkPage}</div>{/block:Video}{block:Audio}<h3 {bloc k:AlbumArt}style="display: none"{/block:AlbumArt}>{block:TrackName}{TrackName}<b r />{/block:TrackName}{block:Artist}by {Artist}<br />{/block:Artist}{block:Album }from {Album}{/block:Album}</h3>{block:AlbumArt}<a href="{Permalink}"><img src=" {AlbumArtURL}" class="main_photo" /></a>{/block:AlbumArt}<div class="{block:Albu mArt}with_art{/block:AlbumArt} player">{AudioPlayerGrey}</div>{block:IndexPage}{ AudioEmbed-250}{/block:IndexPage}{block:PermalinkPage}{AudioEmbed-500}{/block:Pe rmalinkPage}{/block:Audio}{block:Caption}<div class="caption">{Caption}</div>{/b lock:Caption}{block:IfShowPostTags}{block:HasTags}<p class="tags">{block:Tags}<a href="{TagURL}" class="{Tag}_tagclass">#{Tag}</a> {/block:Tags}</p>{/block:HasT ags}{/block:IfShowPostTags} {block:Date}<div class="meta_info"><a href="{Permalink}">{TimeAgo}</a> & #12539; <a href="{Permalink}#notes"><span class="note_count">{NoteCount}</span> note<span class="notes_if_{NoteCount}">s</span></a>{block:IfDisqusName} ・ <a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comments}</ a>{/block:IfDisqusName}</div>{/block:Date} </div> {block:More}<a href="{Permalink}"><div class="read_more">{lang:R
ead more}</div></a>{/block:More} </div> {block:PostNotes}<div class="post" id="notes"> <div class="inner"> {block:NoteCount}<h3 style="margin: 0 0 10px 0">{NoteCou ntWithLabel}</h3>{/block:NoteCount} {PostNotes} </div> </div>{/block:PostNotes} {block:Permalink}{block:Date}{block:IfDisqusName}<div class="post disqus " id="comments"> <div class="inner"> <h3 style="margin: 0 0 10px 0">Comments & Reactions< /h3> <div id="disqus_thread"></div> <noscript>Please enable JavaScript to view the <a href="http://d isqus.com/?ref_noscript={text:Disqus name}">comments powered by Disqus.</a></nos cript> <a href="http://disqus.com" class="dsq-brlink">{Title}'s comment s powered by <span class="logo-disqus">Disqus</span></a> </div> </div>{/block:IfDisqusName}{/block:Date}{/block:Permalink} {/block:Posts} </div> {block:Pagination}<div class="pagination"> {block:PreviousPage}<a class="previous_page" href="{PreviousPage}">{lang :Previous}</a>{/block:PreviousPage} {block:JumpPagination length="5"}{block:CurrentPage}<a class="cu rrent_page scroll" style="cursor: default" href="#top">{PageNumber}</a> {/block: CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</ a> {/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a class="next_page" href="{NextPage}">{lang:Nex t}</a>{/block:NextPage} </div>{/block:Pagination} {block:IfInfiniteScroll}<div class="infinite_scroll" style="display: none"> <table width="100%" height="100%" cellpadding="0" cellspacing="0"> <tr> <td> Infinite scroll is a premium feature, <a href="#" onclic k="window.location = 'http://www.untitledthemes.com/kinley'" style="text-decorat ion: underline">install the premium version here</a>.<br /> <small>This message is not displayed on your actual blog, to remove it, turn all premium features off.</small> </td> </tr> </table> </div>{/block:IfInfiniteScroll}
<script type="text/javascript"> $(function(){var $container = $('.posts').css({ opacity: 0 });$container.imagesL oaded(function(){$container.animate({ opacity: 1 });$container.masonry({itemSele ctor:'.post',isFitWidth: true,columnWidth: {block:IndexPage}290{/block:IndexPage }{block:PermalinkPage}540{/block:PermalinkPage}});});}); {block:IfDisqusName}var disqus_url = "{Permalink}"; var disqus_title ="{block:Po stTitle}{PostTitle}{/block:PostTitle}";var disqus_shortname = '{text:Disqus name }';(function () { var s = document.createElement('script'); s.async = true; s.sr c = 'http://{text:Disqus name}.disqus.com/count.js'; (document.getElementsByTagN ame('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);}()); {block:PermalinkPage}(function() {var dsq = document.createElement('script'); ds q.type = 'text/javascript'; dsq.async = true;dsq.src = 'http://{text:Disqus name }.disqus.com/embed.js';(document.getElementsByTagName('head')[0] || document.get ElementsByTagName('body')[0]).appendChild(dsq);})();{/block:PermalinkPage}{/bloc k:IfDisqusName} {block:IfInfiniteScroll}$(document).ready(function() { $('.demo_tumblr .infinite_scroll').show(); });{/block:IfInfiniteScroll} </script> </body>  <script type="text/javascript" src="http://scmplayer.net/script.js" ></script> <script type="text/javascript"> SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'tru e','shuffle':'false','volume':'50'},'playlist':[{'title':'my immortal','url':'ht tp://www.youtube.com/watch?v=A1mPY9z4kvQ&feature=related'},{'title':'white flag' ,'url':'http://www.youtube.com/watch?v=jYiISin83kc'}],'placement':'top','showpla ylist':'false'}"); </script>  </body> </html>

Theme For Tumblr

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Theme For Tumblr

Uploaded by

Copyright:

Available Formats

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

You might also like