API tools faq
paste
Advertisement
jakerules

Tumblr HTML

jakerules
Jun 1st, 2015
365
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 20.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]>      <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]>         <html class="lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]>         <html class="lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
  6.   <head>
  7.       <!--
  8.      Blog Details: {Title} / {BlogURL} / {Host}
  9.      Theme Details: Defensive Theme
  10.      By using this theme you agree to the terms at http://rowrz.com/themes
  11.      technical details: v1.9.6-40:noporeadded,beta:emojistatus:em-fl,enabledbydefault,tags,titles,span:photosetresize:rc
  12.      credit: rowrz/neutral http://rowrz.com
  13.      -->
  14.       {MobileAppHeaders}
  15.  
  16.       <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PermalinkPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{/block:PermalinkPage}{Title} | {Name}</title>
  17.  
  18.       {block:Description}
  19.         <meta name="description" content="{MetaDescription}" />
  20.       {/block:Description}
  21.  
  22.       <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  23.       <link rel="shortcut icon" href="{Favicon}">
  24.       <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  25.       <meta name="viewport" content="width=device-width, initial-scale=1">
  26.       <meta charset="utf-8">
  27.       <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  28.  
  29.       {block:Hidden}
  30.         <meta name="color:Background" content="#252525">
  31.         <meta name="color:Text" content="#000">
  32.         <meta name="color:Link" content="#000">
  33.         <meta name="color:Accents" content="#EEE">
  34.         <meta name="color:LinkHover" content="#888">
  35.         <meta name="color:Entry Background" content="#FFF">
  36.         <meta name="color:Borders" content="#000">
  37.         <meta name="color:Pagination" content="#FFF">
  38.  
  39.         <meta name="image:Background" content="">
  40.  
  41.         <meta name="if:Show Title On Blog" content="1">
  42.         <meta name="if:Borders" content="0">
  43.         <meta name="if:Show Captions" content="0">
  44.         <meta name="if:Infinite Scroll" content="0">
  45.         <meta name="if:Desc Pagination" content="1">
  46.         <meta name="if:Description Underline" content="1">
  47.  
  48.         <meta name="select:Layout" content="one" title="One Column">
  49.         <meta name="select:Layout" content="two" title="Two Columns">
  50.         <meta name="select:Layout" content="three" title="Auto Columns">
  51.  
  52.         <meta name="text:Home Title" content="Home" >
  53.         <meta name="text:Link One" content="">
  54.         <meta name="text:Link One Title" content="">
  55.         <meta name="text:Link Two" content="">
  56.         <meta name="text:Link Two Title" content="">
  57.         <meta name="text:Link Three" content="">
  58.         <meta name="text:Link Three Title" content="">
  59.         <meta name="text:Link Four" content="">
  60.         <meta name="text:Link Four Title" content="">
  61.         <meta name="text:Link Five" content="">
  62.         <meta name="text:Link Five Title" content="">
  63.         <meta name="text:Google analytics ID" content="">
  64.         <meta name="text:noPo Tag" content="">
  65.       {/block:Hidden}
  66.  
  67.       <link rel="stylesheet" href="http://static.tumblr.com/4ra4qv5/yyXnlzljm/main_min.css">
  68.  
  69.       <!--[if lt IE 9]>
  70.        <script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script>
  71.      <![endif]-->
  72.  
  73.       <style>
  74.         a:hover{color:{color:LinkHover};}
  75.  
  76.         body {
  77.             background-image:url('{image:Background}');
  78.             color:{color:Text};
  79.             background-color: {color:Background};
  80.         }
  81.  
  82.         a:link, a:active, a:visited{color:{color:Link};}
  83.  
  84.         #pagination,
  85.         #pagination span,
  86.         #pagination span > a,
  87.         a.jump_page,
  88.         .perm-pagination > a,
  89.         .perm-bottom-pagination>a{color:{color:Pagination};}
  90.  
  91.         .sidebar .sideguts,
  92.         .entry{background-color:{color:Entry Background};}
  93.  
  94.         .left.borders > .sidebar .sideguts,
  95.         .left.borders > .posts > .entry{border:1px solid {color:Borders};}
  96.  
  97.         .side-title{
  98.             color:{TitleColor};
  99.             font-weight:{TitleFontWeight};
  100.             font:{TitleFont};
  101.         }
  102.  
  103.         #entry blockquote {border-left: solid 2px {color:Accents};}
  104.  
  105.         pre,
  106.         .bubble-question,
  107.         .bubble-answer{http://static.tumblr.com/wc51yvs/FSrnp9tbh/index.jshttp://static.tumblr.com/wc51yvs/Ysunp9tc0/normalize.csshttp://static.tumblr.com/wc51yvs/4iEnp9tbw/style.csshttp://static.tumblr.com/4ra4qv5/ieJnjdd8t/jquery-1.11.2.min.jshttp://static.tumblr.com/wc51yvs/FSrnp9tbh/index.jshttp://static.tumblr.com/wc51yvs/4iEnp9tbw/style.css-color:{color:Accents};}
  108.         {CustomCSS}
  109.       </style>
  110.  
  111.   </head>
  112.  
  113.   <body>
  114.     <!--[if lt IE 7]>
  115.    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  116.    <![endif]-->
  117.     <div id="contain" class="left  {select:Layout}_col {block:IndexPage}index_page {/block:IndexPage} {block:ifBorders} borders {/block:ifBorders} {block:ifShowCaptions}captions-enabled {/block:ifShowCaptions} {block:ifnotShowCaptions}captions-disabled {/block:ifnotShowCaptions} {block:PermalinkPage} perma_page {/block:PermalinkPage}">
  118.  
  119.       <div class="sidebar">
  120.         <div class="sideguts">
  121.  
  122.             {block:ifShowTitleOnBlog}
  123.                 {block:ShowTitle}
  124.                     <div class="side-title"><a href="/"><span class="em-fl">{Title}</span></a></div>
  125.                 {/block:ShowTitle}
  126.             {/block:ifShowTitleOnBlog}
  127.             {block:ShowAvatar}
  128.                 <a class="home-side-link" href="/">
  129.                     <div class="sideimg sideimg-{AvatarShape}">
  130.                         <img src="{PortraitURL-128}" width="100%" />
  131.                     </div>
  132.                 </a>
  133.             {/block:ShowAvatar}
  134.             {block:ShowDescription}
  135.                 <span class="desc">
  136.                     {Description}
  137.                     {block:ifDescriptionUnderline}
  138.                         <hr/>
  139.                     {/block:ifDescriptionUnderline}
  140.                 </span>
  141.             {/block:ShowDescription}
  142.             <nav>
  143.                 {block:ifHomeTitle}
  144.                     <a class="nav" href="/">{text:Home Title}</a>
  145.                 {/block:ifHomeTitle}
  146.                 {block:AskEnabled}
  147.                     <a class="nav" href="/ask">{AskLabel}</a>
  148.                 {/block:AskEnabled}
  149.                 {block:ifLinkOneTitle}
  150.                     <a class="nav" href="{text:Link One}">{text:Link One Title}</a>
  151.                 {/block:ifLinkOneTitle}
  152.                 {block:ifLinkTwoTitle}
  153.                     <a class="nav" href="{text:Link Two}">{text:Link Two Title}</a>
  154.                 {/block:ifLinkTwoTitle}
  155.                 {block:ifLinkThreeTitle}
  156.                     <a class="nav" href="{text:Link Three}">{text:Link Three Title}</a>
  157.                 {/block:ifLinkThreeTitle}
  158.                 {block:ifLinkFourTitle}
  159.                     <a class="nav" href="{text:Link Four}">{text:Link Four Title}</a>
  160.                 {/block:ifLinkFourTitle}
  161.                 {block:ifLinkFiveTitle}
  162.                     <a class="nav" href="{text:Link Five}">{text:Link Five Title}</a>
  163.                 {/block:ifLinkFiveTitle}
  164.                 {block:HasPages}
  165.                     {block:Pages}
  166.                     <a class="nav" href="{URL}" title="{Label}">{Label}</a>
  167.                     {/block:Pages}
  168.                 {/block:HasPages}
  169.                 <a class="nav" href="/archive" title="{lang:Archive}">{lang:Archive}</a>
  170.             </nav>
  171.         </div>
  172.         {block:ifDescPagination}
  173.             {block:ifnotInfiniteScroll}
  174.                 {block:Pagination}
  175.                 <div id="pagination" class="desc-pagination">
  176.  
  177.                       {block:JumpPagination length="5"}
  178.                             {block:CurrentPage}
  179.                                   <span class="current_page">{PageNumber}</span>
  180.                             {/block:CurrentPage}
  181.  
  182.                             {block:JumpPage}
  183.                                   <a class="jump_page" href="{URL}">{PageNumber}</a>
  184.                             {/block:JumpPage}
  185.                       {/block:JumpPagination}
  186.                       <br/>
  187.                       <div class="buttons-pagination">
  188.                           {block:PreviousPage}
  189.                           <span class="prev-nav-button">
  190.                                 <a href="{PreviousPage}">{lang:Previous}</a>
  191.                           </span>
  192.                           {/block:PreviousPage}
  193.  
  194.                           {block:NextPage}
  195.                           <span class="next-nav-button">
  196.                                 <a href="{NextPage}">{lang:Next}</a>
  197.                           </span>
  198.                           {/block:NextPage}
  199.                       </div>
  200.                 </div>
  201.                 {/block:Pagination}
  202.             {/block:ifnotInfiniteScroll}
  203.             {block:PermalinkPagination}
  204.                 <div class="perm-pagination">
  205.                     {block:PreviousPost}
  206.                         <a href="{PreviousPost}">{lang:Previous}</a>
  207.                     {/block:PreviousPost}
  208.  
  209.                     {block:NextPost}
  210.                         <a href="{NextPost}">{lang:Next}</a>
  211.                     {/block:NextPost}
  212.                 </div>
  213.             {/block:PermalinkPagination}
  214.         {/block:ifDescPagination}
  215.       </div>
  216.  
  217.     <div id="posts" class="posts" {block:ifnoPoTag}{block:IndexPage}data-nopo-selector="{text:noPo Tag}"{/block:IndexPage}{/block:ifnoPoTag}>
  218.         {block:Posts}
  219.             <div id="entry" class="entry post {select:Layout}_col {block:IndexPage}index_page {/block:IndexPage}{block:PermalinkPage} perma_page {/block:PermalinkPage} {block:Text}text {/block:Text}{block:Photoset}photoset {/block:Photoset}{block:Panorama}panorama {/block:Panorama}{block:Photo}photo {/block:Photo}{block:Quote}quote {/block:Quote}{block:Audio}audio {/block:Audio}{block:Video}video{/block:Video} {block:ifInfiniteScroll}infinite{/block:ifInfiniteScroll} postid-{PostID} {block:ifnoPoTag}{block:IndexPage}nopo-enabled{block:IndexPage}{/block:ifnoPoTag}"{block:ifnoPoTag}{block:IndexPage} data-nopo-tags=" {TagsAsClasses} "{/block:IndexPage}{/block:ifnoPoTag}>
  220.                 {block:Text}
  221.                 <div class="post-content">
  222.                     {block:Title}<h2 class="em-fl post-title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  223.                     {block:Body}
  224.                     <div class="em-fl body-text">
  225.                         {Body}
  226.                     </div>
  227.                     {/block:Body}
  228.                 </div>
  229.                 {/block:Text}
  230.  
  231.                 {block:Link}
  232.                     <a href="{URL}" class="title em-fl">{Name}</a>
  233.                     {block:Description}<div class="link-description em-fl">{Description}</div>{/block:Description}
  234.  
  235.                 {/block:Link}
  236.  
  237.                 {block:Photo}
  238.                     <div class="photo">
  239.                         {LinkOpenTag}<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>{LinkCloseTag}
  240.                         {block:Caption}
  241.                         <div class="photo-caption em-fl">{Caption}</div>
  242.                         {/block:Caption}
  243.                     </div>
  244.                 {/block:Photo}
  245.  
  246.                 {block:Panorama}
  247.                     {LinkOpenTag}<img class="pano" src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}
  248.                     {block:Caption}
  249.                     <div class="photo-caption em-fl">{Caption}</div>
  250.                     {/block:Caption}
  251.                 {/block:Panorama}
  252.  
  253.                 {block:Photoset}
  254.                     <div class="photo photoset-index photoset">
  255.                         {LinkOpenTag}{Photoset-500}{LinkCloseTag}
  256.                         {block:Caption}
  257.                         <div class="photo-caption em-fl">{Caption}</div>
  258.                         {/block:Caption}
  259.                     </div>
  260.                 {/block:Photoset}
  261.  
  262.  
  263.                 {block:Quote}
  264.                         <span class="quote quote-body em-fl">
  265.                             <blockquote class="{Length}">{Quote}</blockquote>
  266.                         </span>
  267.                     {block:Source}
  268.                         <table class="quote_source_table">
  269.                             <tbody>
  270.                                 <tr>
  271.                                     <td class="quote_source_mdash">
  272.                                      —&nbsp;
  273.                                     </td>
  274.                                     <td class="quote_source em-fl">{Source}</td>
  275.                                 </tr>
  276.                             </tbody>
  277.                         </table>
  278.                     {/block:Source}
  279.                 {/block:Quote}
  280.  
  281.                 {block:Chat}
  282.                     {block:Title}<h2 class="post-title em-fl"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  283.                     <ul class="conversation em-fl">
  284.                         {block:Lines}
  285.                             <li class="chat-{Alt} chat">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  286.                         {/block:Lines}
  287.                     </ul>
  288.                 {/block:Chat}
  289.  
  290.                 {block:Audio}
  291.                     {block:AudioPlayer}
  292.                         <div id="audioplayer">
  293.                             {AudioPlayer}
  294.                         </div>
  295.                         <div id="albumart">
  296.                                 {block:AlbumArt}
  297.                                 <img src="{AlbumArtURL}" width="90px">
  298.                             {/block:AlbumArt}
  299.                         </div>
  300.                         <div id="audiod">
  301.                               {PlayCount} plays</br>
  302.                               {block:TrackName}Title: {TrackName}</br>{/block:TrackName}
  303.                               {block:Artist}Artist: {Artist}</br>{/block:Artist}
  304.                         </div>
  305.                     {/block:AudioPlayer}
  306.                     {block:IndexPage}
  307.                         {block:AudioEmbed}
  308.                             <div class="audio-embed {select:Layout}">{AudioEmbed-400}</div>
  309.                         {/block:AudioEmbed}
  310.                         {block:ifShowCaptions}<div class="audio-caption">{block:Caption}<span class="em-fl">{Caption}</span>{/block:Caption}</div>{/block:ifShowCaptions}
  311.                     {/block:IndexPage}
  312.                     {block:PermalinkPage}
  313.                         <div class="audio-embed-perma">{AudioEmbed-400}</div>
  314.                     {/block:PermalinkPage}
  315.                 {/block:Audio}
  316.  
  317.                 {block:Video}
  318.                     {block:IndexPage}
  319.                         {VideoEmbed-400}
  320.                         {block:ifShowCaptions}<div class="video-caption">{block:Caption}<span class="em-fl">{Caption}</span>{/block:Caption}</div>{/block:ifShowCaptions}
  321.                         <div style="padding-top:5px"></div>
  322.                     {/block:IndexPage}
  323.                     {block:PermalinkPage}
  324.                         <div class="post video" style="margin-bottom:5px;">{VideoEmbed-400}</div>
  325.                     {/block:PermalinkPage}
  326.                 {/block:Video}
  327.  
  328.  
  329.                 {block:Answer}
  330.                     <div class="question">
  331.                         <div class="bubble-question">
  332.                             <b>{Asker}</b>: <span class="em-fl">{Question}</span>
  333.                         </div>
  334.                     </div>
  335.                     {block:Answerer}
  336.                         <div class="answer">
  337.                             <p><div class="bubble-answer"><b>{Answerer}</b>: <span class="em-fl">{Answer}</span></div></p>
  338.                         </div>
  339.                     {/block:Answerer}
  340.  
  341.                     <div class="replies answer-replies">
  342.                         <span class="em-fl">{Replies}</span>
  343.                     </div>
  344.                 {/block:Answer}
  345.  
  346.                 {block:IndexPage}
  347.                     <section class="index-post-info {block:HasTags}has-tags{/block:HasTags}">
  348.                         <div class="perm"><a href="{Permalink}" target="_blank">{lang:TimeAgo with NoteCount notes}</a></div>
  349.                         <div class="perm2"><a href="{ReblogURL}" target="_blank">rblg</a></div>
  350.                         {block:HasTags}<span class="index-tags">{block:Tags}<a href="{TagURL}"> #<span class="tag-em em-fl">{Tag}</span></a>{/block:Tags}</span>{/block:HasTags}
  351.                     </section>
  352.                 {/block:IndexPage}
  353.  
  354.                 {block:PermalinkPage}
  355.                     <div class="post-notes">
  356.                         {block:NoteCount}<span class="note-count"><a {Target} href="{ReblogURL}">{NoteCountWithLabel}</a>, </span>{/block:NoteCount}{block:ContentSource}<span class="content-source">{Lang:Source}: <a {Target} title="{SourceTitle}" href="{SourceURL}">{SourceTitle}</a>, </span>{/block:ContentSource}{block:RebloggedFrom}<span class="reblogged-from">{lang:Reblogged from ReblogParentName 2}</span>{/block:RebloggedFrom}{block:NotReblog}{block:Date}<span class="not-reblog">{lang:Posted TimeAgo}</span>{/block:Date}{/block:NotReblog}{block:HasTags}, {lang:Tags}: {block:Tags}<a href="{TagURL}"> #<span class="tag-em em-fl">{Tag}</span></a>{/block:Tags}{/block:HasTags}
  357.                         {block:NoteCount}
  358.                             {PostNotes}
  359.                         {/block:NoteCount}
  360.                     </div>
  361.                 {/block:PermalinkPage}
  362.             </div>
  363.         {/block:Posts}
  364.       </div>
  365.       {block:ifnotDescPagination}
  366.         {block:ifNotinfinitescroll}
  367.             {block:Pagination}
  368.                 <div id="pagination" class="post-bottom-pagination">
  369.                 {block:PreviousPage}<span class="prev-nav-button">
  370.                             <a href="{PreviousPage}">{lang:Previous page}</a></span>
  371.                       {/block:PreviousPage}
  372.                       {block:JumpPagination length="5"}
  373.                             {block:CurrentPage}
  374.                                   <span class="current_page">{PageNumber}</span>
  375.                             {/block:CurrentPage}
  376.  
  377.                             {block:JumpPage}
  378.                                   <a class="jump_page" href="{URL}">{PageNumber}</a>
  379.                             {/block:JumpPage}
  380.                       {/block:JumpPagination}
  381.                       <span class="next-nav-button">
  382.                       {block:NextPage}
  383.                             <a href="{NextPage}">{lang:Next page}</a>
  384.                       {/block:NextPage}</span>
  385.                 </div>
  386.              {/block:Pagination}
  387.         {/block:ifNotinfinitescroll}
  388.          {block:PermalinkPagination}
  389.                 <div id="pagination" class="perm-bottom-pagination">
  390.                     {block:PreviousPost}
  391.                         <a href="{PreviousPost}">{lang:Previous post}</a>
  392.                     {/block:PreviousPost}
  393.  
  394.                     {block:NextPost}
  395.                         <a href="{NextPost}">{lang:Next post}</a>
  396.                     {/block:NextPost}
  397.                 </div>
  398.             {/block:PermalinkPagination}
  399.       {/block:ifnotDescPagination}
  400.     </div>
  401.     {block:ifInfiniteScroll}{block:Pagination}{block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}{/block:Pagination}{/block:ifInfiniteScroll}
  402.  
  403.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  404.     <script>!window.jQuery && document.write(unescape('%3Cscript src="http://static.tumblr.com/4ra4qv5/ieJnjdd8t/jquery-1.11.2.min.js"%3E%3C/script%3E'));</script>
  405.  
  406.     <script src="http://static.tumblr.com/4ra4qv5/QFxnlzka6/main_min.js"></script>
  407.  
  408.     {block:IfGoogleAnalyticsID}
  409.     <script>
  410.       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  411.       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  412.       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  413.       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  414.       ga('create', '{text:Google Analytics ID}', 'tumblr.com');
  415.       ga('send', 'pageview');
  416.     </script>
  417.     {/block:IfGoogleAnalyticsID}
  418.   </body>
  419. </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!