API tools faq
paste
Advertisement
rowrz

place in iphone-theme

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