tema tumblrs

<!DOCTYPE html>

<!--

;@@@@@@@@@@@i 8@@@@@@@@@@t

.@@@@@@@@@@@t G@@@@@@@@@@@L

0@@@@@@@@@@t f@@@@@@@@@@@@C

L@@@@@@@@@@L 1@@@@@@@@@@@@@0

t@@@@@@@@@@L :@@@@@@@@@@@@@@@

;@@@@@@@@@@C .8@@@@@@@@@@@@@@@,

,@@@@@@@@@@G G@@@@@@@t@@@@@@@@;

8@@@@@@@@@0 f@@@@@@@L 8@@@@@@@i

C@@@@@@@@@@ 1@@@@@@@G C@@@@@@@t 1

f@@@@@@@@@@ :@@@@@@@8 L@@@@@@@L :@

i@@@@@@@@@@, .@@@@@@@@, t@@@@@@@C 8@

,@@@@@@@@@@, 0@@@@@@@; i@@@@@@@0 G@@

@@@@@@@@@@; L@@@@@@@1 ,@@@@@@@@ t@@@

G@@@@@@@@@; 1@@@@@@@L @@@@@@@@, ;@@@@

L@@@@@@@@@i :@@@@@@@G 0@@@@@@@; .@@@@@

1@@@@@@@@@i .@@@@@@@8 C@@@@@@@i 0@@@@@

;@@@@@@@@@t 0@@@@@@@, f@@@@@@@t L@@@@@@

.@@@@@@@@@t L@@@@@@@; 1@@@@@@@L i@@@@@@@

0@@@@@@@@L 1@@@@@@@1 ;@@@@@@@G ,@@@@@@@@

L@@@@@@@@L ;@@@@@@@L ,@@@@@@@0 8@@@@@@@@

t@@@@@@@@C.@@@@@@@G @@@@@@@@ C@@@@@@@@f

;@@@@@@@@G0@@@@@@8 0@@@@@@@L@@@@@@@@C

,@@@@@@@@@@@@@@@@, C@@@@@@@@@@@@@@@G

8@@@@@@@@@@@@@@; t@@@@@@@@@@@@@@0

C@@@@@@@@@@@@@t i@@@@@@@@@@@@@8.

f@@@@@@@@@@@@L ;@@@@@@@@@@@@@,

i@@@@@@@@@@@G ,@@@@@@@@@@@@:

,@@@@@@@@@@8 8@@@@@@@@@@;

Love,

Wantering

http://www.wantering.com

-->









 <html class="no-js"> 

<head>

<meta charset="utf-8">

<title>{Title}{block:SearchPage} -{lang:Search results for SearchQuery}{/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>

{block:Description}

<meta name="description" content="{MetaDescription}">

{/block:Description}

<meta name="viewport" content="width=device-width, initial-scale = 1, maximum-scale=1, user-scalable=no minimal-ui" />

<meta name="color:Text" content="#fff"/>

<meta name="color:Accent" content="#fff"/>

<meta name="color:Accent" content="#fff"/>

/* Colors */

body, ol, ul, p, span {

font-family: "Helvetica Neue", 'HelveticaNeue', 'Open Sans Condensed', Arial, sans-serif;

font-weight: 100;

color: {color:Text};

}

body {

background-color: {color:Background};

margin: 0;

padding: 0;

}

h1, h2, h3 {

font-family: "Helvetica Neue", "HelveticaNeue", 'Open Sans Condensed', Arial, sans-serif;

color: {color:Heading};

}

a {

color: {color:Link};

}

a:hover, #xButton:hover {

color: {color:Link Hover};

}

body > #miniAvatar:hover {

border-color: {color:Link Hover};

}

.postType, .gridBottom, .profileImage, .gridBottom span, body > #miniAvatar, #xButton {

border-color: {color:Accent};

color: {color:Accent};

}

.button {

border-color: {color:Button Border};

}

.gif::before {

background: {color:Accent};

}

.permalinkContent a img:hover {

border-color: {color:Image Link Hover};

}

.button:hover {

background-color: {color:Button Hover};

}

#navigation h1 {

color: {color:Title};

}

.button:hover {

color: {color:Button Hover Text};

}

#navigation {

background: rgba(0,0,0,0.5);

{block:ifNotImageSidebar}

background-image: none;

{/block:ifNotImageSidebar}

{block:ifImageSidebar}{block:ifNotBlurSidebar}

background-image: url({image:Sidebar Background});

{/block:ifNotBlurSidebar}{/block:ifImageSidebar}

background-size: cover;

}

.sidebarContentSource::before {

content: "{lang:Source}";

}

.sidebarRebloggedFrom::before {

content: "{lang:Reblogged from}";

}

.sidebarTags::before {

content: "{lang:Tags}";

}

.sidebarNotes::before {

content: "{lang:Notes}";

}

.sidebarShare::before {

content: "{lang:Share}";

max-height: 250px;

}

{block:ifSmallerGrid}

.gridSizer {

width: 19.6%;

}

.gridItem {

width: 19.6%;

}

.gutterSizer {

width: 0.5%;

}

{/block:ifSmallerGrid}

/* Set some options for the different types of backgrounds on desktop */

@media screen and (min-width: 1024px) {

body {

{block:ifBackgroundImage}{block:ifNotRandomBackground}

background-image: url('{image:Background}');

{/block:ifNotRandomBackground}{/block:ifBackgroundImage}

{block:ifNotRepeatBackgroundImage}

background-repeat: no-repeat;

background-position: center;

background-attachment: fixed;

background-size: cover;

{/block:ifNotRepeatBackgroundImage}

{block:ifRepeatBackgroundImage}

background-repeat: repeat;

{/block:ifRepeatBackgroundImage}

}

{block:ifNotRandomBackground}

body.permalink {

background-image: none;

}

{/block:ifNotRandomBackground}

}

/* Custom CSS */

{CustomCSS}

</style>

</head>

<body class="{block:IndexPage}indexPage {/block:IndexPage}{block:PermalinkPage}details permalink{/block:PermalinkPage}{block:SearchPage} search-page{block:NoSearchResults} no-results{/block:NoSearchResults}{/block:SearchPage} {block:IfInfiniteScroll}infinite-scroll{/block:IfInfiniteScroll}">

<div id="navigation">

<div id="navContent" class="invisible">

{block:ifNotHideProfileImage}<div class="profileImage" style="background-image: url({PortraitURL-128})"></div>{/block:ifNotHideProfileImage}

<h1>{Title}</h1>

<p class="navDescription">{Description}</p>

<div id="navSocial">

{block:ifFacebook}

<a href="{text:Facebook}" class="social button">Facebook</a>

{/block:ifFacebook}

{block:ifTwitter}

<a href="{text:Twitter}" class="social button">Twitter</a>

{/block:ifTwitter}

{block:ifInstagram}

<a href="{text:Instagram}" class="social button">Instagram</a>

{/block:ifInstagram}

{block:ifLookbook}

<a href="{text:Lookbook}" class="social button">Lookbook</a>

{/block:ifLookbook}

{block:ifBlog}

<a href="{text:Blog}" class="social button">{lang:My Blog}</a>

{/block:ifBlog}

{block:ifPose}

<a href="{text:Pose}" class="social button">Pose</a>

{/block:ifPose}

{block:ifPinterest}

<a href="{text:Pinterest}" class="social button">Pinterest</a>

{/block:ifPinterest}

{block:ifVimeo}

<a href="{text:Vimeo}" class="social button">Vimeo</a>

{/block:ifVimeo}

{block:ifLinkedIn}

<a href="{text:LinkedIn}" class="social button">LinkedIn</a>

{/block:ifLinkedIn}

{block:ifFlickr}

<a href="{text:Flickr}" class="social button">Flickr</a>

{/block:ifFlickr}

{block:ifFoursquare}

<a href="{text:Foursquare}" class="social button">Foursquare</a>

{/block:ifFoursquare}

{block:ifSoundcloud}

<a href="{text:Soundcloud}" class="social button" style="letter-spacing: 0;">Soundcloud</a>

{/block:ifSoundcloud}

{block:ifWantering}

<a href="javascript:void(0)" class="huge button wanteringButton">My Wantering Loves</a>

{/block:ifWantering}

{block:ifBigLink}

<a class="huge button" href="{text:Big Link URL}">{text:Big Link}</a>

{/block:ifBigLink}

</div>

<div id="navMinorItems">

{block:HasPages}

<div id="navPages">{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}</div>

{/block:HasPages}

{block:AskEnabled}

<a href="{BlogURL}ask/">{AskLabel}</a>

{/block:AskEnabled}

{block:ifShowRSS}

<a href="{RSS}">RSS</a>

{/block:ifShowRSS}

{block:ifShowSearch}

<a href="#" id="searchToggle">{lang:Search}</a>

{/block:ifShowSearch}

</div>

<form action="/search" method="get">

<input type="text" name="q" placeholder="Search" required class="searchBox hidden" value="{SearchQuery}"/>

</form>

</div>

<a href="#" id="backButton">{lang:Back}</a>

{block:IndexPage}

<span class="credit jumppage{PageNumber}"><a href="http://www.tumblr.com/theme/38379" class="installTheme" target="_blank">Install Theme</a>Theme By<br><a href="http://www.wantering.com/?utm_source=lookbook&utm_medium=sidebar&utm_campaign=credit" target="_blank" {block:TagPage}rel="nofollow"{/block:TagPage}>wantering</a></span>

{/block:IndexPage}

</div>

<section id="homePage">

<div id="grid" class="gridNotLoaded">

{block:SearchPage}

<h2>{lang:Search results for SearchQuery}</h2>

{block:NoSearchResults}

<span>{lang:No results found}</span>

{/block:NoSearchResults}

{/block:SearchPage}

{block:Posts}

<div class="gridItem grid{PostType} {block:RebloggedFrom}reblog{/block:RebloggedFrom} id-{PostID}" data-permalink="{Permalink}" data-notes-url="{PostNotesURL}" {block:Photo}style="background-image: url({PhotoURL-500})" data-height="{PhotoHeight-100}" data-height-500="{PhotoHeight-500}" data-width-500="{PhotoWidth-500}" data-photo-100="{PhotoURL-100}" data-photo-250="{PhotoURL-250}" data-photo-high="{PhotoURL-HighRes}" data-height-high-res="{PhotoHeight-HighRes}" data-width-high-res="{PhotoWidth-HighRes}" {/block:Photo}{block:Photoset}{block:Photos}style="background-image: url({PhotoURL-500})" data-height="{PhotoHeight-100}" data-height-500="{PhotoHeight-500}" data-width-500="{PhotoWidth-500}" data-photo-100="{PhotoURL-250}" data-photo-250="{PhotoURL-250}" data-photo-high="{PhotoURL-HighRes}" data-photo-500="{PhotoURL-500}" data-height-high-res="{PhotoHeight-HighRes}" data-width-high-res="{PhotoWidth-HighRes}"{/block:Photos}{/block:Photoset} {block:Audio}{block:AlbumArt}data-art="{AlbumArtURL}"{/block:AlbumArt} {/block:Audio}{block:Video} {block:VideoThumbnail}data-thumbnail="{VideoThumbnailURL}"{/block:VideoThumbnail}{/block:Video} data-type="{PostType}" data-identifier="{PostID}" data-tags="{block:HasTags}{block:Tags}{Tag}{/block:Tags}{/block:HasTags}">

{block:Photo}

<i class="fa fa-camera-retro fa-fw postType"></i>

<script type="text/template" class="template">

<div class="detailsWrapper hidden"><div class="blurredBackground"></div><div class="permalinkContent permalinkPhotoPost">{block:LinkURL}{LinkOpenTag}{/block:LinkURL}<img src="{PhotoURL-HighRes}" class="permalinkPrimaryPhoto" alt="{PhotoAlt}"/>{block:LinkURL}{LinkCloseTag}{/block:LinkURL}<div class="permalinkMeta {block:RebloggedFrom}reblog{/block:RebloggedFrom}">{block:Caption}{Caption}{/block:Caption}</div></div></div>

</script>

{/block:Photo}

{block:Photoset}

<i class="fa fa-camera-retro fa-fw postType"></i>


<div class="detailsWrapper hidden long"><div class="blurredBackground"></div><div class="permalinkContent permalinkPhotosetPost {PostID}"><div class="permalinkMeta {block:RebloggedFrom}reblog{/block:RebloggedFrom}">{block:Photos}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:Photos}{block:Caption}{Caption}{/block:Caption}</div></div></div>

</script>

{/block:Photoset}

{block:Audio}

<i class="fa fa-headphones fa-fw postType"></i>

<div class="gridContentWrapper">

<div class="gridAudioContent gridContent">

{block:TrackName}<h2 class="audioTrack">{TrackName}</h2>{/block:TrackName}

{block:Artist}<span class="audioArtist">{Artist}</span>{/block:Artist}

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div><div class="permalinkContent permalinkAudioPost">{block:AudioEmbed}{AudioEmbed-640}{/block:AudioEmbed}{block:AudioPlayer}{block:AlbumArt}<img src="{AlbumArtURL}" class="albumArt"/>{/block:AlbumArt}{AudioPlayer}{block:TrackName}<h2 class="audioTrack">{TrackName}</h2>{/block:TrackName} {block:Artist}<span class="audioArtist">{Artist}</span>{/block:Artist}{/block:AudioPlayer}{block:Caption}<div class="permalinkMeta {block:RebloggedFrom}reblog{/block:RebloggedFrom}">{Caption}</div>{/block:Caption}</div></div>

</script>

{/block:Audio}

{block:Quote}

<i class="fa fa-quote-left fa-fw postType"></i>


<div class="gridQuoteContent gridContent">

<p class="gridQuoteBody">{Quote}</p>

{block:Source}

<span class="gridQuoteSource">{Source}</span>

{/block:Source}

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div> <div class="permalinkContent permalinkQuotePost"><p>{Quote}</p>{block:Source}<div class="permalinkQuoteSource"><p>{Source}</p></div>{/block:Source}</div></div>

</script>

{/block:Quote}

{block:Chat}

<i class="fa fa-comment-o fa-fw postType"></i>


<div class="gridChatContent gridContent long">

{block:Title}

<h2 class="postTitle">{Title}</h2>

{/block:Title}

<ul>

{block:Lines}

<li class="chatLine {Alt} user-{UserNumber}">{block:Label}<span class="chatLabel">{Label}</span>{block:Label}<span class="chatContent">{Line}</span></li>

{/block:Lines}

</ul>

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div> <div class="permalinkContent permalinkChatPost">{block:Title}<h2 class="postTitle">{Title}</h2>{/block:Title}<ul>{block:Lines}<li class="chatLine {Alt} user-

{UserNumber}">{block:Label}<span class="chatLabel">{Label}</span>{block:Label}<span class="chatContent">{Line}</span></li>{/block:Lines}</ul></div>

</script>

{/block:Chat}

{block:Answer}

<i class="fa fa-question-circle fa-fw postType"></i>


<div class="gridAnswerContent gridContent long">

<ul>

<li class="chatLine {Alt} user-1"><span class="chatLabel">{Asker}</span><span class="chatContent">{Question}</span></li><li class="chatLine user-2">{block:Answerer}<span class="chatLabel">{Answerer}</span>{/block:Answerer}<span class="chatContent">{Answer}</span></li>{block:Reblog}<li class="chatLine user-3"><span class="chatLabel">{Title}</span><span class="chatContent">{Replies}</span></li>{/block:Reblog}

</ul>

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div> <div class="permalinkContent permalinkChatPost"><ul><li class="chatLine user-1"><span class="chatLabel">{Asker}</span><span class="chatContent">{Question}</span></li><li class="chatLine user-2">{block:Answerer}<span class="chatLabel">{Answerer}</span>{/block:Answerer}<span class="chatContent">{Answer}</span></li>{block:Reblog}<li class="chatLine user-3"><span class="chatLabel">{Title}</span><span class="chatContent">{Replies}</span></li>{/block:Reblog}</ul></div>

</script>

{/block:Answer}

{block:Text}

<i class="fa fa-file-text-o fa-fw postType"></i>


<div class="gridContent gridTextContent">

{block:Title}

<h2 class="postTitle">{Title}</h2>

{/block:Title}

<div class="gridTextBody">{Body}</div>

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div><article class="permalinkContent permalinkTextPost permalinkMeta {block:RebloggedFrom}reblog{/block:RebloggedFrom}">{block:Title}<h2 class="postTitle">{Title}</h2>{/block:Title} {Body} {block:More}<a href="{Permalink}" target="_blank">{lang:Read more}</a>{/block:More}</article></div>

</script>

{/block:Text}

{block:Link}

<a href="{URL}" target="_blank"><i class="fa fa-external-link fa-fw postType"></i></a>


<div class="gridContent gridLinkContent">

<h2 class="postTitle">{Name}</h2>

{block:Description}

<div class="gridLinkBody">{Description}</div>

{/block:Description}

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div><article class="permalinkContent permalinkLinkPost permalinkMeta {block:RebloggedFrom}reblog{/block:RebloggedFrom}"><a href="{URL}"><h2 class="postTitle">{Name}</h2></a>{block:Description}<div class="permalinkMeta">{Description}</div>{/block:Description}</article></div>

</script>

{/block:Link}

{block:Video}

<i class="fa fa-video-camera fa-fw postType"></i>


<div class="gridVideoContent gridContent">

{block:Caption}<div class="videoCaption">{Caption}</div> {/block:Caption}

</div>

</div>


<div class="detailsWrapper hidden"><div class="blurredBackground"></div><div class="permalinkContent permalinkVideoPost">{VideoEmbed-700}<div class="permalinkMeta {block:RebloggedFrom}reblog{/block:RebloggedFrom}">{block:Caption}{Caption}{/block:Caption}</div></div></div>

</script>

{/block:Video}

<a href="{Permalink}"><span class="fullDiv"></span></a>

<div class="gridOverlay">

<span class="gridItemLabel">View {PostType}</span>

<ul class="gridBottom">

{block:HasTags}

<li class="gridTags"><span>{block:Tags}#{Tag} {/block:Tags}</span></li>

{/block:HasTags}

{block:Date}

<li class="gridTime">{TimeAgo}</li>

{/block:Date}

{block:NoteCount}

<li class="gridNotes"><span>{NoteCount}</span></li>

{/block:NoteCount}

</ul>

</div>

<script type="text/template" class="sidebarTemplate">

<aside class="sidebar">

<ul>

{block:Date}

<li class="sidebarDate">{TimeAgo}</li>

{/block:Date}

{block:RebloggedFrom}

<li class="sidebarRebloggedFrom"><a href="{ReblogParentURL}">{ReblogParentTitle}</a></li>

{/block:RebloggedFrom}

{block:ContentSource}

<li class="sidebarContentSource"><a href="{SourceURL}">{SourceTitle}</a></li>

{/block:ContentSource}

{block:HasTags}

<li class="sidebarTags">{block:Tags}<a href="{TagURL}" class="sidebarTag">#{Tag} </a>{/block:Tags}</span></li>

{/block:HasTags}

{block:NoteCount}

<li class="sidebarNotes">{NoteCount}</li>

{/block:NoteCount}

<li class="sidebarShare">

<ul>

<li>

{ReblogButton color="grey" size="25"}

</li>

{block:PermalinkPage}

<li>

{LikeButton color="grey" size="25"}

</li>

{/block:PermalinkPage}

<li>

<a href="http://www.facebook.com/sharer/sharer.php?u={URLEncodedPermalink}" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a>

</li>

<li>

<a href="http://twitter.com/home?status={URLEncodedPermalink}" target="_blank"><i class="fa fa-twitter-square fa-2x"></i></a>

</li>

</ul>

</li>

</ul>

</aside>

</script>

{block:PostNotes}

<script type="text/template" class="notesTemplate">

{PostNotes}

</script>

{/block:PostNotes}

</div>

{/block:Posts}

{block:Pagination}

<div id="pagination">

{block:NextPage}

<a href="{NextPage}" class="nextPage gridItem button huge" rel="next">{lang:Load more posts}</a>

{/block:NextPage}

</div>

{/block:Pagination}


<a href="{BlogURL}page/2" class="nextPage hidden" id="pagination"></a>


<div class="gridSizer" id="gridSizer"></div>

<div class="gutterSizer" id="gutterSizer"></div>

</div>

</section>

<div id="miniAvatar" style="background-image: url('{PortraitURL-48}');"/></div>

<a href="/"><span id="xButton">x</span></a>

<script type="text/javascript">

var lookbookOptions = {

{block:IfBlurSidebar}blurSidebar: true,{/block:IfBlurSidebar}

blurImage: 'data-photo-100',

{block:ifRandomBackground}randomBackground: true,{/block:ifRandomBackground}

{block:ifBackgroundImage}imageBackground: true,

uploadedBackground: '{image:Background}',{/block:ifBackgroundImage}

{block:ifRepeatBackgroundImage}repeatBackground: true,{/block:ifRepeatBackgroundImage}

{block:ifInfiniteScroll}infiniteScroll: true,{/block:ifInfiniteScroll}

{block:ifBlurOMatic}bluromatic: true,{/block:ifBlurOMatic}

hideDelay: 1100,

tidyGrid: true,

{block:ifImageSidebar}imageSidebar: true,{/block:ifImageSidebar}

sidebarBackground: '{image:Sidebar Background}',

{block:ifPeekabooTextPosts}peekaboo: true,{/block:ifPeekabooTextPosts}

{block:ifWantering}wanteringURL: '{text:Wantering}',{/block:ifWantering}

blurRatio: 1

}

var stateObj = {}

{block:IndexPage}

stateObj.position = 'home';

stateObj.identifier = null;

{/block:IndexPage}


stateObj.position = 'permalink';

stateObj.identifier = '{PostID}'


</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/3cvhfpr/5ZLn3qkc9/scriptproduction.js"></script>

{block:ifGAPropertyID}

<script type="text/javascript">

var _gaq = _gaq || [];

_gaq.push(['_setAccount', '{text:GA Property ID}']);

_gaq.push(['_trackPageview']);

(function() {

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

{/block:ifGAPropertyID}

</body>

</html>

tema tumblrs

Documents