API tools faq
paste
Advertisement
rowrz

mobile theme + ad support & pageload

rowrz
Jan 10th, 2015
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  3. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  4. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  5. <head>
  6. {MobileAppHeaders}
  7. <meta charset="utf-8">
  8. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}">
  11. {/block:Description}
  12.  
  13. {block:Hidden}
  14. <meta name="if:Sliding header" content="1">
  15. <meta name="if:Collapse navigation" content="1">
  16. <meta name="if:Endless scrolling" content="1">
  17. <meta name="select:Layout" content="regular" title="Regular">
  18. <meta name="select:Layout" content="narrow" title="Narrow">
  19. <meta name="select:Layout" content="grid" title="Grid">
  20. <meta name="text:Disqus shortname" content="">
  21. <meta name="text:Google analytics ID" content="">
  22. <meta name="text:SenseTop" content="Paste the adsense code for the top ad, https://support.google.com/adsense/answer/3543893?hl=en">
  23. <meta name="text:SenseBottom" content="Paste the adsense code for the bottom ad (can be the same as top), only works if endless scrolling is disabled">
  24. {/block:Hidden}
  25.  
  26.  
  27.  
  28. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.  
  33. <link rel="stylesheet" href="http://static.tumblr.com/vr9xgox/UOZng0i5l/main-min.css">
  34.  
  35. <!-- HTML5 Shiv -->
  36. <!--[if lt IE 9]>
  37. <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  38. <![endif]-->
  39.  
  40. <style>
  41. /* Colors */
  42. body {
  43. background: {BackgroundColor};
  44. }
  45.  
  46. h1 {
  47. font-family: {TitleFont}, "Helvetica Neue", HelveticaNeue, Arial, sans-serif;
  48. font-weight: {TitleFontWeight};
  49. }
  50.  
  51. h1 a,
  52. .description,
  53. .search-header {
  54. color: {TitleColor};
  55. }
  56.  
  57. .h-line {
  58. background: {TitleColor};
  59. }
  60.  
  61. a {
  62. color: {AccentColor};
  63. }
  64.  
  65. #pagination a,
  66. .exposed-nav-wrapper li a {
  67. color: {AccentColor};
  68. }
  69.  
  70. #pagination a.next:after {
  71. border-left-color: {AccentColor};
  72. }
  73.  
  74. #pagination a.previous:after {
  75. border-right-color: {AccentColor};
  76. }
  77.  
  78. .loader .loader-bar {
  79. background-color: {TitleColor};
  80. }
  81.  
  82. .link-wrapper {
  83. background-color: {AccentColor};
  84. }
  85.  
  86. .header-image.cover {
  87. background-image: url({HeaderImage});
  88. }
  89.  
  90. .user-avatar {
  91. background-color: {BackgroundColor};
  92. border-color: {BackgroundColor};
  93. }
  94.  
  95. .avatar-style-square .user-avatar {
  96. -wekbit-box-shadow: 0 0 0 4px {BackgroundColor};
  97. -moz-box-shadow: 0 0 0 4px {BackgroundColor};
  98. box-shadow: 0 0 0 4px {BackgroundColor};
  99. }
  100.  
  101. .no-header-image .selector .bar-icon,
  102. .contain-header-image .selector .bar-icon {
  103. background: {AccentColor};
  104. }
  105.  
  106. .no-header-image .search-only .selector .icon,
  107. .contain-header-image .search-only .selector .icon {
  108. color: {AccentColor};
  109. }
  110.  
  111. /* Adjust menus for light accents on light backgrounds */
  112. .light-on-light.no-header-image .selector .bar-icon,
  113. .light-on-light.contain-header-image .selector .bar-icon {
  114. background: #444;
  115. }
  116.  
  117. .light-on-light.no-header-image .search-only .selector .icon,
  118. .light-on-light.contain-header-image .search-only .selector .icon {
  119. color: #444;
  120. }
  121.  
  122. /* Adjust menus for dark accents on dark backgrounds */
  123. .dark-on-dark.no-header-image .selector .bar-icon,
  124. .dark-on-dark.contain-header-image .selector .bar-icon {
  125. background: #fff;
  126. }
  127.  
  128. .dark-on-dark.no-header-image .search-only .selector .icon,
  129. .dark-on-dark.contain-header-image .search-only .selector .icon {
  130. color: #fff;
  131. }
  132.  
  133. @media screen and (max-device-width: 568px) {
  134. .header-image.cover {
  135. background-image: url({HeaderImage-640});
  136. -webkit-background-size: cover;
  137. background-size: cover;
  138. }
  139.  
  140. .nav-menu-bg,
  141. .nav-menu-wrapper .nav-menu.active:before,
  142. .nav-menu .pop-menu ul {
  143. background: {BackgroundColor};
  144. }
  145.  
  146. .nav-menu.active .selector .bar-icon,
  147. .below-header .selector .bar-icon {
  148. background: {AccentColor};
  149. }
  150.  
  151. .nav-menu .pop-menu ul li a,
  152. .below-header .search-only .selector .icon {
  153. color: {AccentColor};
  154. }
  155.  
  156. /* Adjust menus for light accents on light backgrounds */
  157. .light-on-light .selector.active .bar-icon,
  158. .light-on-light.below-header .nav-menu .selector .bar-icon,
  159. .light-on-light.below-header .selector .bar-icon {
  160. background: #444;
  161. }
  162.  
  163. .light-on-light .nav-menu .pop-menu ul li a,
  164. .light-on-light.below-header .search-only .selector .icon {
  165. color: #444;
  166. }
  167.  
  168. /* Adjust menus for dark accents on dark backgrounds */
  169. .dark-on-dark .nav-menu .selector .bar-icon,
  170. .dark-on-dark .below-header .selector .bar-icon {
  171. background: #fff;
  172. }
  173.  
  174. .dark-on-dark .nav-menu .pop-menu ul li a,
  175. .dark-on-dark.below-header .search-only .selector .icon {
  176. color: #fff;
  177. }
  178.  
  179. .avatar-style-square .user-avatar {
  180. -wekbit-box-shadow: 0 0 0 3px {BackgroundColor};
  181. -moz-box-shadow: 0 0 0 3px {BackgroundColor};
  182. box-shadow: 0 0 0 3px {BackgroundColor};
  183. }
  184.  
  185. }
  186. .atop, .abot{
  187. text-align:center;
  188. }
  189. /* Custom CSS */
  190. {CustomCSS}
  191. </style>
  192. </head>
  193. <body data-urlencoded-name="{URLEncodedName}" class="{select:Layout}{block:IndexPage} index-page{/block:IndexPage}{block:PermalinkPage} permalink{/block:PermalinkPage}{block:SearchPage} search-page{block:NoSearchResults} no-results{/block:NoSearchResults}{/block:SearchPage}{block:HideHeaderImage} no-header-image{/block:HideHeaderImage}{block:NoStretchHeaderImage} contain-header-image{/block:NoStretchHeaderImage}">
  194. <section id="page">
  195. <div class="nav-menu-wrapper {block:IfNotCollapseNavigation}search-only{/block:IfNotCollapseNavigation}">
  196. <nav class="nav-menu pop">
  197. <a class="selector">
  198. {block:IfCollapseNavigation}
  199. <div class="bar-icon-wrapper">
  200. <span class="bar-icon"></span>
  201. <span class="bar-icon"></span>
  202. <span class="bar-icon"></span>
  203. </div>
  204. {/block:IfCollapseNavigation}
  205. {block:IfNotCollapseNavigation}
  206. <span class="icon icon-search_16"></span>
  207. <span class="icon icon-close"></span>
  208. {/block:IfNotCollapseNavigation}
  209. </a>
  210. <div class="pop-menu west">
  211. <ul>
  212. <li class="no-hover search">
  213. <form action="/search" method="get" id="search">
  214. <input type="text" name="q" id="q" placeholder="{lang:Search}" value="{SearchQuery}">
  215. <button type="submit" class="icon-search_16"></button>
  216. </form>
  217. </li>
  218. {block:IfCollapseNavigation}
  219. <li>
  220. <a href="/archive" class="archive">{lang:Archive} <i class="icon-arrow_carrot_right"></i></a>
  221. </li>
  222. {block:AskEnabled}
  223. <li>
  224. <a href="/ask" class="ask">{AskLabel} <i class="icon-arrow_carrot_right"></i></a>
  225. </li>
  226. {/block:AskEnabled}
  227. {block:HasPages}
  228. {block:Pages}
  229. <li>
  230. <a href="{URL}" class="page">{Label} <i class="icon-arrow_carrot_right"></i></a>
  231. </li>
  232. {/block:Pages}
  233. {/block:HasPages}
  234. {block:SubmissionsEnabled}
  235. <li>
  236. <a href="/submit" class="submit">{SubmitLabel} <i class="icon-arrow_carrot_right"></i></a>
  237. </li>
  238. {/block:SubmissionsEnabled}
  239. <li>
  240. <a href="http://rowrz.com/themes" target="_blank">Theme Addons by Alex</a>
  241. </li>
  242. {block:IfCollapseNavigation}
  243. </ul>
  244. </div>
  245. </nav>
  246. <div class="glass"></div>
  247. </div>
  248. {block:IfCollapseNavigation}
  249. <div class="nav-menu-bg"></div>
  250. {/block:IfCollapseNavigation}
  251. <div class="header-wrapper
  252. {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}
  253. {block:HideHeaderImage}no-image {/block:HideHeaderImage}
  254. {block:HideAvatar}avatar-hidden{/block:HideAvatar}
  255. {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar}">
  256.  
  257. <header id="header">
  258. {block:ShowHeaderImage}
  259. <div class="header-image-wrapper {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}">
  260. <a href="/" class="header-image {block:IfSlidingHeader}parallax{/block:IfSlidingHeader} {block:StretchHeaderImage}cover{/block:StretchHeaderImage} {block:NoStretchHeaderImage}contain{/block:NoStretchHeaderImage}" data-bg-image="{HeaderImage}">
  261. {block:NoStretchHeaderImage}
  262. <img src="{HeaderImage}" alt="">
  263. {/block:NoStretchHeaderImage}
  264. </a>
  265. <div class="loader-bg"></div>
  266. </div>
  267. {/block:ShowHeaderImage}
  268.  
  269. <div class="blog-title-wrapper content">
  270. <figure class="avatar-wrapper{block:IndexPage} animate{/block:IndexPage}">
  271. <a href="/" style="background-image: url({PortraitURL-128})" class="user-avatar"><img src="{PortraitURL-128}" alt="" class="print-only invisible"></a>
  272. </figure>
  273.  
  274. <div class="title-group{block:IndexPage} animate{/block:IndexPage}">
  275. {block:ShowTitle}
  276. <h1 class="blog-title"><a href="/">{Title}</a></h1>
  277. {/block:ShowTitle}
  278. {block:ShowDescription}
  279. <span class="description">
  280. {Description}
  281. </span>
  282. {/block:ShowDescription}
  283. </div>
  284. </div>
  285.  
  286. {block:IfNotCollapseNavigation}
  287. <div class="{block:HideTitle}{block:HideDescription}no-title-desc{/block:HideDescription}{/block:HideTitle} exposed-nav-wrapper content">
  288. <div class="h-line"></div>
  289. <nav class="nav-menu">
  290. <ul>
  291. <li>
  292. <a href="/archive">{lang:Archive}</a>
  293. </li>
  294. {block:AskEnabled}
  295. <li>
  296. <a href="/ask" class="ask">{AskLabel}</a>
  297. </li>
  298. {/block:AskEnabled}
  299. {block:HasPages}
  300. {block:Pages}
  301. <li>
  302. <a href="{URL}" class="page">{Label}</a>
  303. </li>
  304. {/block:Pages}
  305. {/block:HasPages}
  306. {block:SubmissionsEnabled}
  307. <li>
  308. <a href="/submit" class="submit">{SubmitLabel}</a>
  309. </li>
  310. {/block:SubmissionsEnabled}
  311. <li>
  312. <a href="http://rowrz.com/themes" target="_blank">Theme Addons by Alex</a>
  313. </li>
  314. </ul>
  315. </nav>
  316. </div>
  317. {/block:IfNotCollapseNavigation}
  318. </header>
  319. </div>
  320. {block:SearchPage}
  321. <div class="search-header content">
  322. <h2 class="search-title">
  323. {lang:SearchResultCount results for SearchQuery}
  324. {block:NoSearchResults}{lang:Sorry no search results found}{/block:NoSearchResults}
  325. </h2>
  326. </div>
  327. {/block:SearchPage}
  328.  
  329.  
  330. <div class="atop">{block:ifSenseTop}{text:SenseTop}{block:ifSenseTop}</div>
  331.  
  332.  
  333. <section id="posts" class="content clearfix {block:HideTitle}{block:HideDescription}no-title-desc {/block:HideDescription}{/block:HideTitle}{block:HideHeaderImage}no-image {/block:HideHeaderImage} {block:ShowAvatar}avatar-style-{AvatarShape}{/block:ShowAvatar} {block:HideAvatar}avatar-hidden{/block:HideAvatar} {block:IfNotCollapseNavigation}exposed-nav{/block:IfNotCollapseNavigation}">
  334.  
  335. <div data-page-id="{CurrentPage}">
  336. {block:Posts}
  337. <article class="{block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Photo}photo {/block:Photo}{block:RebloggedFrom}reblogged {/block:RebloggedFrom}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Audio}audio {/block:Audio}{block:Video}video {/block:Video}{block:Answer}answer {/block:Answer}{block:Date}not-page post-{PostID}{/block:Date} {block:PermalinkPage} active exposed{/block:PermalinkPage}" {block:Date}data-post-id="post_{PostID}"{/block:Date}>
  338. <div class="post-wrapper clearfix">
  339. {block:RebloggedFrom}
  340. <header class="reblog-header">
  341. <a class="reblog-link" href="{ReblogParentURL}"><i class="icon-reblog"></i>{ReblogParentName}</a>
  342. </header>
  343. {/block:RebloggedFrom}
  344. <section class="post">
  345. {block:Text}
  346. <div class="post-content">
  347. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  348. {block:Body}
  349. <div class="body-text">
  350. {Body}
  351. </div>
  352. {/block:Body}
  353. </div>
  354. {/block:Text}
  355.  
  356. {block:Photo}
  357. <figure class="post-content {block:HighRes}high-res{/block:HighRes}{block:Caption} with-caption{/block:Caption}" data-photo-width="{PhotoWidth-HighRes}">
  358. <div class="photo-wrapper">
  359. <div class="photo-wrapper-inner">
  360. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{PhotoWidth-HighRes}" height="{PhotoHeight-HighRes}">{LinkCloseTag}
  361. </div>
  362. </div>
  363. {block:Caption}
  364. <figcaption class="caption">
  365. {Caption}
  366. </figcaption>
  367. {/block:Caption}
  368. </figure>
  369. {/block:Photo}
  370.  
  371. {block:Photoset}
  372. <figure class="post-content photoset {block:Caption}with-caption{/block:Caption}">
  373. {Photoset}
  374. {block:Caption}
  375. <figcaption class="caption">
  376. {Caption}
  377. </figcaption>
  378. {/block:Caption}
  379. </figure>
  380. {/block:Photoset}
  381.  
  382. {block:Quote}
  383. <div class="post-content">
  384. <blockquote class="{Length}">
  385. {Quote}
  386. </blockquote>
  387. {block:Source}
  388. <div class="source">{Source}</div>
  389. {/block:Source}
  390. </div>
  391. {/block:Quote}
  392.  
  393.  
  394. {block:Link}
  395. <div class="post-content {block:Description}with-caption{/block:Description}">
  396. <div class="link-wrapper">
  397. <a {Target} href="{URL}" class="link clearfix">
  398. {block:Thumbnail}
  399. <img src="{Thumbnail}" alt="" class="link-thumbnail">
  400. {/block:Thumbnail}
  401. <span class="link-text-wrapper">
  402. <span class="link-text">
  403. <span class="link-title">{Name}</span>
  404. {block:Host}
  405. <span class="link-host">{Host}</span>
  406. {/block:Host}
  407. </span>
  408. </span>
  409. </a>
  410. </div>
  411. {block:Description}
  412. <div class="caption">
  413. {Description}
  414. </div>
  415. {/block:Description}
  416. </div>
  417. {/block:Link}
  418.  
  419.  
  420. {block:Chat}
  421. <div class="post-content">
  422. {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  423. <ul class="conversation">
  424. {block:Lines}
  425. <li class="chat-{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  426. {/block:Lines}
  427. </ul>
  428. </div>
  429. {/block:Chat}
  430.  
  431.  
  432. {block:Audio}
  433. <div class="post-content {block:Caption}with-caption{/block:Caption}">
  434. <div class="audio_container">
  435. {block:AudioEmbed}
  436. {AudioEmbed color="white"}
  437. {/block:AudioEmbed}
  438. </div>
  439. {block:Caption}
  440. <div class="caption">
  441. {Caption}
  442. </div>
  443. {/block:Caption}
  444. </div>
  445. {/block:Audio}
  446.  
  447.  
  448. {block:Video}
  449. <figure class="post-content {block:Caption}with-caption{/block:Caption}">
  450. <div class="video-wrapper">
  451. {Video-700}
  452. </div>
  453. {block:Caption}
  454. <figcaption class="caption">
  455. {Caption}
  456. </figcaption>
  457. {/block:Caption}
  458. </figure>
  459. {/block:Video}
  460.  
  461. {block:Answer}
  462. <div class="post-content">
  463. <div class="note-item note-item-asker">
  464. <div class="text">
  465. <p class="asker"><strong>{Asker}</strong> asked:</p>
  466. <div class="asker-question">
  467. {Question}
  468. </div>
  469. </div>
  470. <div class="avatar">
  471. <img class="asker-avatar" src="{AskerPortraitURL-96}" alt="">
  472. </div>
  473. </div>
  474.  
  475. {block:Answerer}
  476. <div class="note-item note-item-answerer">
  477. <div class="text">
  478. <p class="answerer"><strong>{Answerer}</strong> answered:</p>
  479. <div class="answerer-answer">
  480. {Answer}
  481. </div>
  482. </div>
  483. <div class="avatar">
  484. <img class="answerer-avatar" src="{AnswererPortraitURL-96}" alt="">
  485. </div>
  486. </div>
  487. {/block:Answerer}
  488.  
  489. <div class="replies">
  490. {Replies}
  491. </div>
  492. </div>
  493. {/block:Answer}
  494.  
  495. <section class="inline-meta post-extra{block:RebloggedFrom} has-reblog{/block:RebloggedFrom}{block:ContentSource} has-source{/block:ContentSource}{block:HasTags} has-tags{/block:HasTags}">
  496. {block:RebloggedFrom}
  497. <a class="meta-item reblog-link" href="{ReblogParentURL}"><i class="icon-reblog"></i>{ReblogParentName}</a>
  498. {/block:RebloggedFrom}
  499. {block:ContentSource}
  500. <a class="meta-item source-link" href="{SourceURL}">{lang:Source}: {SourceTitle}</a>
  501. {/block:ContentSource}
  502. {block:HasTags}
  503. {block:Tags}
  504. <a class="meta-item tag-link" href="{TagURL}">{Tag}</a>
  505. {/block:Tags}
  506. {/block:HasTags}
  507. </section>
  508.  
  509. </section>
  510.  
  511. {block:Date}
  512. <section class="panel">
  513. <footer class="post-footer">
  514. <section class="inline-meta date-notes">
  515. <div class="date-note-wrapper">
  516. {block:NoteCount}
  517. <a href="{Permalink}#notes" class="meta-item post-notes">{NoteCountWithLabel}</a>
  518. {/block:NoteCount}
  519. <a href="{Permalink}" title="{TimeAgo}" class="meta-item post-date">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  520. </div>
  521. </section>
  522.  
  523. <section class="post-controls">
  524. <div class="controls-wrapper">
  525. <div class="control share-control">
  526. <nav class="pop">
  527. <a href="#" class="share selector icon-export"></a>
  528. <div class="pop-menu share-menu south" id="share_{PostID}">
  529. <ul>
  530. <li class="open-in-app"><a href="#" class="share-item open-in-app" data-post="{PostID}">Open in app</a></li>
  531. <li><a href="http://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item facebook" target="_blank">Facebook</a></li>
  532. <li><a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item twitter" target="_blank">Tweet</a></li>
  533. {block:Photo}
  534. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item pinterest" target="_blank">Pinterest</a></li>
  535. {/block:Photo}
  536. {block:Video}{block:VideoThumbnail}
  537. <li><a href="//www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item pinterest" target="_blank">Pinterest</a></li>
  538. {/block:VideoThumbnail}{/block:Video}
  539. <li><a href="mailto:?subject={URLEncodedShareString}&amp;body={URLEncodedMailSummary}" class="share-item mail">Mail</a></li>
  540. <li><a href="{Permalink}" class="share-item permalink">{lang:Permalink} <i class="icon-arrow_carrot_right"></i></a></li>
  541. </ul>
  542. </div>
  543. </nav>
  544. </div>
  545. <div class="control reblog-control">{ReblogButton size="21" color="black"}</div>
  546. <div class="control like-control">{LikeButton size="20" color="black"}</div>
  547. </div>
  548. </section>
  549. </footer>
  550. </section>
  551. {/block:Date}
  552. {block:PermalinkPage}
  553.  
  554. {block:PostNotes}
  555. <section id="notes" class="notes-wrapper clearfix">
  556. {PostNotes-64}
  557. </section>
  558. {/block:PostNotes}
  559.  
  560. {block:Date}
  561.  
  562. {block:IfDisqusShortname}
  563. <section class="comments">
  564. <div id="disqus_thread"></div>
  565. <script type="text/javascript">
  566. (function() {
  567. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
  568. dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
  569. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  570. })();
  571. </script>
  572. <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus Shortname}">comments powered by Disqus.</a></noscript>
  573. <a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
  574. </section>
  575. {/block:IfDisqusShortname}
  576.  
  577. {/block:Date}
  578.  
  579. {/block:PermalinkPage}
  580. </div>
  581. </article>
  582. {/block:Posts}
  583. </div>
  584. </section>
  585. <footer id="footer" class="content clearfix">
  586. {block:IndexPage}
  587. {block:Pagination}
  588. <div id="pagination">
  589. {block:PreviousPage}
  590. <a href="{PreviousPage}" class="previous" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Previous}<span class="bg"></span></a>
  591. {/block:PreviousPage}
  592. {block:NextPage}
  593. <a href="{NextPage}" class="next" data-current-page="{CurrentPage}" data-total-pages="{TotalPages}">{lang:Next}<span class="bg"></span></a>
  594. {/block:NextPage}
  595. <div class="loader"><div class="loader-bar"></div><div class="loader-bar"></div><div class="loader-bar"></div></div>
  596. </div>
  597. {/block:Pagination}
  598. {/block:IndexPage}
  599. </footer>
  600. {block:IfnotEndlessScrolling}
  601. <div class="abot">{block:ifSenseBottom}{text:SenseBottom}{block:ifSenseBottom}</div>{/block:IfnotEndlessScrolling}
  602. </section>
  603. <script>
  604. var Optica = {};
  605. Optica.ENDLESS_SCROLLING = {block:IfEndlessScrolling}true{/block:IfEndlessScrolling}{block:IfNotEndlessScrolling}false{/block:IfNotEndlessScrolling};
  606. Optica.LAYOUT = "{select:Layout}";
  607. Optica.GRID_LAYOUT = (Optica.LAYOUT === 'grid');
  608. Optica.TITLE_COLOR = "{TitleColor}";
  609. Optica.ACCENT_COLOR = "{AccentColor}";
  610. Optica.BACKGROUND_COLOR = "{BackgroundColor}";
  611. Optica.ENDLESS_NOTES_SCROLLING = {block:IfDisqusShortname}false{/block:IfDisqusShortname}{block:IfNotDisqusShortname}true{/block:IfNotDisqusShortname};
  612. </script>
  613. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  614. <script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/vr9xgox/sBgmmjhyw/jquery-1.9.1.min.js"%3E%3C/script%3E'));</script>
  615. <script src="http://static.tumblr.com/vr9xgox/9a4nfkf66/main-min.js"></script>
  616.  
  617. {block:IfGoogleAnalyticsID}
  618. <script>
  619. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  620. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  621. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  622. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  623. ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  624. ga('send', 'pageview');
  625. </script>
  626. {/block:IfGoogleAnalyticsID}
  627. <script type="text/javascript" src="//do.rowrz.com/pageload.nopo.js"></script>
  628. </body>
  629. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!