API tools faq
paste
feiinho

Lookbook - Wantering http://www.wantering.com

feiinho
Apr 11th, 2014
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. ;@@@@@@@@@@@i 8@@@@@@@@@@t
  5. .@@@@@@@@@@@t G@@@@@@@@@@@L
  6. 0@@@@@@@@@@t f@@@@@@@@@@@@C
  7. L@@@@@@@@@@L 1@@@@@@@@@@@@@0
  8. t@@@@@@@@@@L :@@@@@@@@@@@@@@@
  9. ;@@@@@@@@@@C .8@@@@@@@@@@@@@@@,
  10. ,@@@@@@@@@@G G@@@@@@@t@@@@@@@@;
  11. 8@@@@@@@@@0 f@@@@@@@L 8@@@@@@@i
  12. C@@@@@@@@@@ 1@@@@@@@G C@@@@@@@t 1
  13. f@@@@@@@@@@ :@@@@@@@8 L@@@@@@@L :@
  14. i@@@@@@@@@@, .@@@@@@@@, t@@@@@@@C 8@
  15. ,@@@@@@@@@@, 0@@@@@@@; i@@@@@@@0 G@@
  16. @@@@@@@@@@; L@@@@@@@1 ,@@@@@@@@ t@@@
  17. G@@@@@@@@@; 1@@@@@@@L @@@@@@@@, ;@@@@
  18. L@@@@@@@@@i :@@@@@@@G 0@@@@@@@; .@@@@@
  19. 1@@@@@@@@@i .@@@@@@@8 C@@@@@@@i 0@@@@@
  20. ;@@@@@@@@@t 0@@@@@@@, f@@@@@@@t L@@@@@@
  21. .@@@@@@@@@t L@@@@@@@; 1@@@@@@@L i@@@@@@@
  22. 0@@@@@@@@L 1@@@@@@@1 ;@@@@@@@G ,@@@@@@@@
  23. L@@@@@@@@L ;@@@@@@@L ,@@@@@@@0 8@@@@@@@@
  24. t@@@@@@@@C.@@@@@@@G @@@@@@@@ C@@@@@@@@f
  25. ;@@@@@@@@G0@@@@@@8 0@@@@@@@L@@@@@@@@C
  26. ,@@@@@@@@@@@@@@@@, C@@@@@@@@@@@@@@@G
  27. 8@@@@@@@@@@@@@@; t@@@@@@@@@@@@@@0
  28. C@@@@@@@@@@@@@t i@@@@@@@@@@@@@8.
  29. f@@@@@@@@@@@@L ;@@@@@@@@@@@@@,
  30. i@@@@@@@@@@@G ,@@@@@@@@@@@@:
  31. ,@@@@@@@@@@8 8@@@@@@@@@@;
  32.  
  33. Love,
  34.  
  35. Wantering
  36. http://www.wantering.com
  37.  
  38. -->
  39. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  40. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  41. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  42. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  43. <!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
  44. <head>
  45. <meta charset="utf-8">
  46. <title>{Title}{block:SearchPage} -{lang:Search results for SearchQuery}{/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  47. {block:Description}
  48. <meta name="description" content="{MetaDescription}">
  49. {/block:Description}
  50. <meta name="viewport" content="width=device-width, initial-scale = 1, maximum-scale=1, user-scalable=no minimal-ui" />
  51. <meta name="color:Text" content="#fff"/>
  52. <meta name="color:Accent" content="#fff"/>
  53. <meta name="color:Accent" content="#fff"/>
  54. <meta name="color:Background" content="#fff"/>
  55. <meta name="color:Link" content="#fff"/>
  56. <meta name="color:Link Hover" content="#fff"/>
  57. <meta name="color:Image Link Hover" content="#fff"/>
  58. <meta name="color:Button Border" content="#fff"/>
  59. <meta name="color:Button Hover" content="#fff"/>
  60. <meta name="color:Button Hover Text" content="#222"/>
  61. <meta name="color:Title" content="#fff"/>
  62. <meta name="color:Heading" content="#fff"/>
  63. <meta name="image:Sidebar Background" content="http://static.tumblr.com/3cvhfpr/ZbBn0syeb/nyskyline.jpg">
  64. <meta name="image:Background" content="">
  65. <meta name="if:Blur Sidebar" content="1"/>
  66. <meta name="if:Image Sidebar" content="1">
  67. <meta name="if:Infinite Scroll" content="1">
  68. <meta name="if:Random Background" content="0">
  69. <meta name="if:Repeat Background Image" content="0">
  70. <meta name="if:Show RSS" content="0">
  71. <meta name="if:Show Search" content="0">
  72. <meta name="if:Peekaboo Text Posts" content="0">
  73. <meta name="if:Hide Profile Image" content="0">
  74. <meta name="if:BlurOMatic" content="1">
  75. <meta name="if:Smaller Grid" content="0">
  76. <meta name="text:Facebook" content="">
  77. <meta name="text:Twitter" content="">
  78. <meta name="text:Pinterest" content="">
  79. <meta name="text:Soundcloud" content="">
  80. <meta name="text:Blog" content="">
  81. <meta name="text:Lookbook" content="">
  82. <meta name="text:Instagram" content="">
  83. <meta name="text:Pose" content="">
  84. <meta name="text:Vimeo" content="">
  85. <meta name="text:Flickr" content="">
  86. <meta name="text:Wantering" content="">
  87. <meta name="text:Foursquare" content="">
  88. <meta name="text:LinkedIn" content="">
  89. <meta name="text:Big Link" content="">
  90. <meta name="text:Big Link URL" content="">
  91. <meta name="text:GA Property ID" content="">
  92. <meta name="apple-mobile-web-app-capable" content="yes">
  93. <link rel="shortcut icon" href="{Favicon}">
  94. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  95. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  96. <link rel="stylesheet" href="http://static.tumblr.com/3cvhfpr/aWnn3q5pz/styleproduction.css">
  97. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  98. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
  99. <script type="text/javascript" src="http://static.tumblr.com/3cvhfpr/1Bcn0rwqe/modernizr.custom.11658.js"></script>
  100.  
  101. <!-- HTML5 Shiv -->
  102. <!--[if lt IE 9]>
  103. <script src="http://static.tumblr.com/3cvhfpr/C5Mn0rwpk/html5shiv.js"></script>
  104. <![endif]-->
  105.  
  106. <style>
  107. /* Colors */
  108. body, ol, ul, p, span {
  109. font-family: "Helvetica Neue", 'HelveticaNeue', 'Open Sans Condensed', Arial, sans-serif;
  110. font-weight: 100;
  111. color: {color:Text};
  112. }
  113. body {
  114. background-color: {color:Background};
  115. margin: 0;
  116. padding: 0;
  117. }
  118. h1, h2, h3 {
  119. font-family: "Helvetica Neue", "HelveticaNeue", 'Open Sans Condensed', Arial, sans-serif;
  120. color: {color:Heading};
  121. }
  122. a {
  123. color: {color:Link};
  124. }
  125. a:hover, #xButton:hover {
  126. color: {color:Link Hover};
  127. }
  128. body > #miniAvatar:hover {
  129. border-color: {color:Link Hover};
  130. }
  131. .postType, .gridBottom, .profileImage, .gridBottom span, body > #miniAvatar, #xButton {
  132. border-color: {color:Accent};
  133. color: {color:Accent};
  134. }
  135. .button {
  136. border-color: {color:Button Border};
  137. }
  138. .gif::before {
  139. background: {color:Accent};
  140. }
  141. .permalinkContent a img:hover {
  142. border-color: {color:Image Link Hover};
  143. }
  144. .button:hover {
  145. background-color: {color:Button Hover};
  146. }
  147. #navigation h1 {
  148. color: {color:Title};
  149. }
  150. .button:hover {
  151. color: {color:Button Hover Text};
  152. }
  153. #navigation {
  154. background: rgba(0,0,0,0.5);
  155. {block:ifNotImageSidebar}
  156. background-image: none;
  157. {/block:ifNotImageSidebar}
  158. {block:ifImageSidebar}{block:ifNotBlurSidebar}
  159. background-image: url({image:Sidebar Background});
  160. {/block:ifNotBlurSidebar}{/block:ifImageSidebar}
  161. background-size: cover;
  162. }
  163. .sidebarContentSource::before {
  164. content: "{lang:Source}";
  165. }
  166. .sidebarRebloggedFrom::before {
  167. content: "{lang:Reblogged from}";
  168. }
  169. .sidebarTags::before {
  170. content: "{lang:Tags}";
  171. }
  172. .sidebarNotes::before {
  173. content: "{lang:Notes}";
  174. }
  175. .sidebarShare::before {
  176. content: "{lang:Share}";
  177. max-height: 250px;
  178. }
  179.  
  180. {block:ifSmallerGrid}
  181. .gridSizer {
  182. width: 19.6%;
  183. }
  184. .gridItem {
  185. width: 19.6%;
  186. }
  187. .gutterSizer {
  188. width: 0.5%;
  189. }
  190. {/block:ifSmallerGrid}
  191.  
  192. /* Set some options for the different types of backgrounds on desktop */
  193. @media screen and (min-width: 1024px) {
  194. body {
  195. {block:ifBackgroundImage}{block:ifNotRandomBackground}
  196. background-image: url('{image:Background}');
  197. {/block:ifNotRandomBackground}{/block:ifBackgroundImage}
  198. {block:ifNotRepeatBackgroundImage}
  199. background-repeat: no-repeat;
  200. background-position: center;
  201. background-attachment: fixed;
  202. background-size: cover;
  203. {/block:ifNotRepeatBackgroundImage}
  204. {block:ifRepeatBackgroundImage}
  205. background-repeat: repeat;
  206. {/block:ifRepeatBackgroundImage}
  207. }
  208. {block:ifNotRandomBackground}
  209. body.permalink {
  210. background-image: none;
  211. }
  212. {/block:ifNotRandomBackground}
  213. }
  214.  
  215. /* Custom CSS */
  216. {CustomCSS}
  217. </style>
  218. </head>
  219. <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}">
  220. <div id="navigation">
  221. <div id="navContent" class="invisible">
  222. {block:ifNotHideProfileImage}<div class="profileImage" style="background-image: url({PortraitURL-128})"></div>{/block:ifNotHideProfileImage}
  223. <h1>{Title}</h1>
  224. <p class="navDescription">{Description}</p>
  225. <div id="navSocial">
  226. {block:ifFacebook}
  227. <a href="{text:Facebook}" class="social button">Facebook</a>
  228. {/block:ifFacebook}
  229.  
  230. {block:ifTwitter}
  231. <a href="{text:Twitter}" class="social button">Twitter</a>
  232. {/block:ifTwitter}
  233.  
  234. {block:ifInstagram}
  235. <a href="{text:Instagram}" class="social button">Instagram</a>
  236. {/block:ifInstagram}
  237.  
  238. {block:ifLookbook}
  239. <a href="{text:Lookbook}" class="social button">Lookbook</a>
  240. {/block:ifLookbook}
  241.  
  242. {block:ifBlog}
  243. <a href="{text:Blog}" class="social button">{lang:My Blog}</a>
  244. {/block:ifBlog}
  245.  
  246. {block:ifPose}
  247. <a href="{text:Pose}" class="social button">Pose</a>
  248. {/block:ifPose}
  249.  
  250. {block:ifPinterest}
  251. <a href="{text:Pinterest}" class="social button">Pinterest</a>
  252. {/block:ifPinterest}
  253.  
  254. {block:ifVimeo}
  255. <a href="{text:Vimeo}" class="social button">Vimeo</a>
  256. {/block:ifVimeo}
  257.  
  258. {block:ifLinkedIn}
  259. <a href="{text:LinkedIn}" class="social button">LinkedIn</a>
  260. {/block:ifLinkedIn}
  261.  
  262. {block:ifFlickr}
  263. <a href="{text:Flickr}" class="social button">Flickr</a>
  264. {/block:ifFlickr}
  265.  
  266. {block:ifFoursquare}
  267. <a href="{text:Foursquare}" class="social button">Foursquare</a>
  268. {/block:ifFoursquare}
  269.  
  270. {block:ifSoundcloud}
  271. <a href="{text:Soundcloud}" class="social button" style="letter-spacing: 0;">Soundcloud</a>
  272. {/block:ifSoundcloud}
  273.  
  274. {block:ifWantering}
  275. <a href="javascript:void(0)" class="huge button wanteringButton">My Wantering Loves</a>
  276. {/block:ifWantering}
  277.  
  278. {block:ifBigLink}
  279. <a class="huge button" href="{text:Big Link URL}">{text:Big Link}</a>
  280. {/block:ifBigLink}
  281. </div>
  282. <div id="navMinorItems">
  283. {block:HasPages}
  284. <div id="navPages">{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}</div>
  285. {/block:HasPages}
  286.  
  287. {block:AskEnabled}
  288. <a href="{BlogURL}ask/">{AskLabel}</a>
  289. {/block:AskEnabled}
  290.  
  291. {block:ifShowRSS}
  292. <a href="{RSS}">RSS</a>
  293. {/block:ifShowRSS}
  294.  
  295. {block:ifShowSearch}
  296. <a href="#" id="searchToggle">{lang:Search}</a>
  297. {/block:ifShowSearch}
  298. </div>
  299. <form action="/search" method="get">
  300. <input type="text" name="q" placeholder="Search" required class="searchBox hidden" value="{SearchQuery}"/>
  301. </form>
  302. </div>
  303. <a href="#" id="backButton">{lang:Back}</a>
  304. {block:IndexPage}
  305. <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>
  306. {/block:IndexPage}
  307. </div>
  308. <section id="homePage">
  309. <div id="grid" class="gridNotLoaded">
  310. {block:SearchPage}
  311. <h2>{lang:Search results for SearchQuery}</h2>
  312. {block:NoSearchResults}
  313. <span>{lang:No results found}</span>
  314. {/block:NoSearchResults}
  315. {/block:SearchPage}
  316. {block:Posts}
  317. <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-title="{block:PostSummary}{PostSummary}{/block:PostSummary}" data-tags="{block:HasTags}{block:Tags}{Tag}{/block:Tags}{/block:HasTags}">
  318.  
  319. {block:Photo}
  320. <i class="fa fa-camera-retro fa-fw postType"></i>
  321. <script type="text/template" class="template">
  322. <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>
  323. </script>
  324. {/block:Photo}
  325.  
  326. {block:Photoset}
  327. <i class="fa fa-camera-retro fa-fw postType"></i>
  328. <script type="text/template" class="template">
  329. <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>
  330. </script>
  331. {/block:Photoset}
  332.  
  333. {block:Audio}
  334. <i class="fa fa-headphones fa-fw postType"></i>
  335. <div class="gridContentWrapper">
  336. <div class="gridAudioContent gridContent">
  337. {block:TrackName}<h2 class="audioTrack">{TrackName}</h2>{/block:TrackName}
  338. {block:Artist}<span class="audioArtist">{Artist}</span>{/block:Artist}
  339. </div>
  340. </div>
  341. <script type="text/template" class="template">
  342. <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>
  343. </script>
  344. {/block:Audio}
  345.  
  346. {block:Quote}
  347. <i class="fa fa-quote-left fa-fw postType"></i>
  348. <div class="gridContentWrapper">
  349. <div class="gridQuoteContent gridContent">
  350. <p class="gridQuoteBody">{Quote}</p>
  351. {block:Source}
  352. <span class="gridQuoteSource">{Source}</span>
  353. {/block:Source}
  354. </div>
  355. </div>
  356. <script type="text/template" class="template">
  357. <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>
  358. </script>
  359. {/block:Quote}
  360.  
  361. {block:Chat}
  362. <i class="fa fa-comment-o fa-fw postType"></i>
  363. <div class="gridContentWrapper">
  364. <div class="gridChatContent gridContent long">
  365. {block:Title}
  366. <h2 class="postTitle">{Title}</h2>
  367. {/block:Title}
  368.  
  369. <ul>
  370. {block:Lines}
  371. <li class="chatLine {Alt} user-{UserNumber}">{block:Label}<span class="chatLabel">{Label}</span>{block:Label}<span class="chatContent">{Line}</span></li>
  372. {/block:Lines}
  373. </ul>
  374. </div>
  375. </div>
  376. <script type="text/template" class="template">
  377. <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>
  378. </script>
  379. {/block:Chat}
  380.  
  381. {block:Answer}
  382. <i class="fa fa-question-circle fa-fw postType"></i>
  383. <div class="gridContentWrapper">
  384. <div class="gridAnswerContent gridContent long">
  385. <ul>
  386. <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}
  387. </ul>
  388. </div>
  389. </div>
  390. <script type="text/template" class="template">
  391. <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>
  392. </script>
  393. {/block:Answer}
  394.  
  395. {block:Text}
  396. <i class="fa fa-file-text-o fa-fw postType"></i>
  397. <div class="gridContentWrapper">
  398. <div class="gridContent gridTextContent">
  399. {block:Title}
  400. <h2 class="postTitle">{Title}</h2>
  401. {/block:Title}
  402. <div class="gridTextBody">{Body}</div>
  403. </div>
  404. </div>
  405. <script type="text/template" class="template">
  406. <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>
  407. </script>
  408. {/block:Text}
  409.  
  410. {block:Link}
  411. <a href="{URL}" target="_blank"><i class="fa fa-external-link fa-fw postType"></i></a>
  412. <div class="gridContentWrapper">
  413. <div class="gridContent gridLinkContent">
  414. <h2 class="postTitle">{Name}</h2>
  415. {block:Description}
  416. <div class="gridLinkBody">{Description}</div>
  417. {/block:Description}
  418. </div>
  419. </div>
  420. <script type="text/template" class="template">
  421. <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>
  422. </script>
  423. {/block:Link}
  424.  
  425. {block:Video}
  426. <i class="fa fa-video-camera fa-fw postType"></i>
  427. <div class="gridContentWrapper">
  428. <div class="gridVideoContent gridContent">
  429. {block:Caption}<div class="videoCaption">{Caption}</div> {/block:Caption}
  430. </div>
  431. </div>
  432. <script type="text/template" class="template">
  433. <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>
  434. </script>
  435. {/block:Video}
  436.  
  437. <a href="{Permalink}"><span class="fullDiv"></span></a>
  438. <div class="gridOverlay">
  439. <span class="gridItemLabel">View {PostType}</span>
  440. <ul class="gridBottom">
  441. {block:HasTags}
  442. <li class="gridTags"><span>{block:Tags}#{Tag} {/block:Tags}</span></li>
  443. {/block:HasTags}
  444.  
  445. {block:Date}
  446. <li class="gridTime">{TimeAgo}</li>
  447. {/block:Date}
  448.  
  449. {block:NoteCount}
  450. <li class="gridNotes"><span>{NoteCount}</span></li>
  451. {/block:NoteCount}
  452. </ul>
  453. </div>
  454. <script type="text/template" class="sidebarTemplate">
  455. <aside class="sidebar">
  456. <ul>
  457. {block:Date}
  458. <li class="sidebarDate">{TimeAgo}</li>
  459. {/block:Date}
  460.  
  461. {block:RebloggedFrom}
  462. <li class="sidebarRebloggedFrom"><a href="{ReblogParentURL}">{ReblogParentTitle}</a></li>
  463. {/block:RebloggedFrom}
  464.  
  465. {block:ContentSource}
  466. <li class="sidebarContentSource"><a href="{SourceURL}">{SourceTitle}</a></li>
  467. {/block:ContentSource}
  468.  
  469. {block:HasTags}
  470. <li class="sidebarTags">{block:Tags}<a href="{TagURL}" class="sidebarTag">#{Tag} </a>{/block:Tags}</span></li>
  471. {/block:HasTags}
  472.  
  473. {block:NoteCount}
  474. <li class="sidebarNotes">{NoteCount}</li>
  475. {/block:NoteCount}
  476.  
  477. <li class="sidebarShare">
  478. <ul>
  479. <li>
  480. {ReblogButton color="grey" size="25"}
  481. </li>
  482. {block:PermalinkPage}
  483. <li>
  484. {LikeButton color="grey" size="25"}
  485. </li>
  486. {/block:PermalinkPage}
  487. <li>
  488. <a href="http://www.facebook.com/sharer/sharer.php?u={URLEncodedPermalink}" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a>
  489. </li>
  490. <li>
  491. <a href="http://twitter.com/home?status={URLEncodedPermalink}" target="_blank"><i class="fa fa-twitter-square fa-2x"></i></a>
  492. </li>
  493. </ul>
  494. </li>
  495. </ul>
  496. </aside>
  497. </script>
  498.  
  499. {block:PostNotes}
  500. <script type="text/template" class="notesTemplate">
  501. {PostNotes}
  502. </script>
  503. {/block:PostNotes}
  504.  
  505. </div>
  506. {/block:Posts}
  507. {block:Pagination}
  508. <div id="pagination">
  509. {block:NextPage}
  510. <a href="{NextPage}" class="nextPage gridItem button huge" rel="next">{lang:Load more posts}</a>
  511. {/block:NextPage}
  512. </div>
  513. {/block:Pagination}
  514.  
  515. {block:PermalinkPage}
  516. <a href="{BlogURL}page/2" class="nextPage hidden" id="pagination"></a>
  517. {/block:PermalinkPage}
  518. <div class="gridSizer" id="gridSizer"></div>
  519. <div class="gutterSizer" id="gutterSizer"></div>
  520. </div>
  521. </section>
  522. <div id="miniAvatar" style="background-image: url('{PortraitURL-48}');"/></div>
  523. <a href="/"><span id="xButton">x</span></a>
  524. <script type="text/javascript">
  525. var lookbookOptions = {
  526. {block:IfBlurSidebar}blurSidebar: true,{/block:IfBlurSidebar}
  527. blurImage: 'data-photo-100',
  528. {block:ifRandomBackground}randomBackground: true,{/block:ifRandomBackground}
  529. {block:ifBackgroundImage}imageBackground: true,
  530. uploadedBackground: '{image:Background}',{/block:ifBackgroundImage}
  531. {block:ifRepeatBackgroundImage}repeatBackground: true,{/block:ifRepeatBackgroundImage}
  532. {block:ifInfiniteScroll}infiniteScroll: true,{/block:ifInfiniteScroll}
  533. {block:ifBlurOMatic}bluromatic: true,{/block:ifBlurOMatic}
  534. hideDelay: 1100,
  535. tidyGrid: true,
  536. {block:ifImageSidebar}imageSidebar: true,{/block:ifImageSidebar}
  537. sidebarBackground: '{image:Sidebar Background}',
  538. {block:ifPeekabooTextPosts}peekaboo: true,{/block:ifPeekabooTextPosts}
  539. {block:ifWantering}wanteringURL: '{text:Wantering}',{/block:ifWantering}
  540. blurRatio: 1
  541.  
  542. }
  543. var stateObj = {}
  544. {block:IndexPage}
  545. stateObj.position = 'home';
  546. stateObj.identifier = null;
  547. {/block:IndexPage}
  548. {block:PermalinkPage}
  549. stateObj.position = 'permalink';
  550. stateObj.identifier = '{PostID}'
  551. {/block:PermalinkPage}
  552. </script>
  553. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  554. <script type="text/javascript" src="http://static.tumblr.com/3cvhfpr/5ZLn3qkc9/scriptproduction.js"></script>
  555.  
  556. {block:ifGAPropertyID}
  557. <script type="text/javascript">
  558. var _gaq = _gaq || [];
  559. _gaq.push(['_setAccount', '{text:GA Property ID}']);
  560. _gaq.push(['_trackPageview']);
  561.  
  562. (function() {
  563. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  564. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  565. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  566. })();
  567. </script>
  568. {/block:ifGAPropertyID}
  569. </body>
  570. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!