aeroblastt

Pisces Theme Edit

Sep 21st, 2015
176
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 27.19 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <!-- Pisces Theme by stylizedthemes.tumblr.com -->
  5.         <!-- Edits by aeroblastt -->
  6.         {block:IfDisplayPageNameInTitle}
  7.         <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  8.         {/block:IfDisplayPageNameInTitle}
  9.         {block:IfNotDisplayPageNameInTitle}
  10.         <title>{Title}</title>
  11.         {/block:IfNotDisplayPageNameInTitle}
  12.        
  13.         <link rel="shortcut icon" href="{Favicon}"/>
  14.         <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  15.         <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  16.         {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  17.         <meta charset="UTF-8" />
  18.         <meta name="viewport" content="width=1200"/>
  19.         <link href='//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200' rel='stylesheet' type='text/css'>
  20.         <meta name="wot-verification" content="42d9c4de1888a072493b"/>
  21.         {block:Hidden}
  22.         <meta name="font:Body" content="Helvetica"/>
  23.         <meta name="font:Title" content="Yanone Kaffeesatz"/>
  24.         <meta name="image:Background Image" content=""/>
  25.         <meta name="image:Profile Photo" content=""/>
  26.         <meta name="select:Text Align" content="left" title="Left">
  27.         <meta name="select:Text Align" content="right" title="Right">
  28.         <meta name="select:Text Align" content="justify" title="Justify">
  29.         <meta name="select:Sidebar Case" content="none" title="Original"/>
  30.         <meta name="select:Sidebar Case" content="uppercase" title="Uppercase"/>
  31.         <meta name="select:Sidebar Case" content="lowercase" title="Lowercase"/>~
  32.         <meta name="color:Background Color" content="#ffffff"/>
  33.         <meta name="color:Text Color 1" content="#000000"/>
  34.         <meta name="color:Text Color 2" content="#999999" />
  35.         <meta name="color:Link Color" content="#333333"/>
  36.         <meta name="color:Link Hover Color" content="#666666"/>
  37.         <meta name="color:Link Visited Color" content="#333333"/>
  38.         <meta name="text:Custom Link 1 URL" content=""/>
  39.         <meta name="text:Custom Link 1 Name" content=""/>
  40.         <meta name="text:Custom Link 2 URL" content=""/>
  41.         <meta name="text:Custom Link 2 Name" content=""/>
  42.         <meta name="text:Custom Link 3 URL" content=""/>
  43.         <meta name="text:Custom Link 3 Name" content=""/>
  44.         <meta name="text:Custom Link 4 URL" content=""/>
  45.         <meta name="text:Custom Link 4 Name" content=""/>
  46.         <meta name="text:Custom Link 5 URL" content=""/>
  47.         <meta name="text:Custom Link 5 Name" content=""/>
  48.         <meta name="if:Infinite Scrolling" content=""/>
  49.         <meta name="if:Display Page Name In Title" content=""/>
  50.         <meta name="if:Captions on Index Page" content=""/>
  51.        
  52.         {/block:Hidden}
  53.         <!--[if (lte IE 8)]><script type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  54.         <style type="text/css">
  55.         body {
  56.             color: {color:Text Color 1};
  57.             background: {color:Background Color};
  58.             background-image: url({image:Background Image});
  59.             background-repeat: repeat;
  60.             background-position: bottom left;
  61.             background-attachment: fixed;
  62.             font-family: {font:Body};
  63.         }
  64.        
  65.         /* containers */
  66.         .wrapper {
  67.             width: 860px;
  68.             margin: 0 auto;
  69.         }
  70.         .main {
  71.             width: 540px;
  72.             float: left;
  73.         }
  74.        
  75.         ul#posts {
  76.             margin-top: 6px;  
  77.         }
  78.        
  79.         ul {
  80.             list-style-type: none;
  81.             padding-left: 0;
  82.         }
  83.        
  84.         /* headings */
  85.         h1 {
  86.             width: 258px;
  87.             font-size: 48px;
  88.             line-height: 48px;
  89.             font-family: {font:Title}, sans-serif;
  90.             color: {color:Text Color 1};
  91.             background-color: transparent;
  92.             margin-top: 0px;
  93.             margin-bottom: 0px;
  94.             padding: 0px;
  95.             text-align: {select:Text Align};
  96.             text-decoration: none;
  97.             font-weight: normal;
  98.             letter-spacing: -1px;
  99.         }
  100.         h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
  101.             color: {color:Text Color 1};
  102.             text-decoration: none;
  103.         }
  104.         h2 {
  105.             font-size: 18px;
  106.             color: {color:Text Color 1};
  107.             text-decoration: none;
  108.         }
  109.         h3 {
  110.             color: {color:Text Color 1};
  111.             font-size: 24px;
  112.             line-height: 24px;
  113.             text-align: {select:Text Align};
  114.             margin-left: 5px;
  115.             margin-right: 5px;
  116.             margin-top: 10px;
  117.             margin-bottom: 0px;
  118.             font-family: 'Yanone Kaffeesatz', sans-serif;
  119.             font-weight: normal;
  120.             letter-spacing: 0px;
  121.         }
  122.         h4 {
  123.             font-size: 10px;
  124.             text-transform: normal;
  125.             letter-spacing: 1px;
  126.         }
  127.        
  128.         p#description {
  129.             width: 258px;
  130.             float: left;
  131.             font-size: 11px;
  132.             line-height: 100%;
  133.             color: {color:Text Color 2};
  134.             text-align: {select:Text Align};
  135.             margin-left: 5px;
  136.             margin-right: 0px;
  137.             margin-bottom: 10px;
  138.             padding: 0px;
  139.             background-color: transparent;
  140.         }
  141.        
  142.         /* header */
  143.         header {
  144.             background: transparent;
  145.             background-position: center center;
  146.             width: 260px;
  147.             float: left;
  148.             position: fixed;
  149.             margin-top: 6px;
  150.             margin-right: 0x;
  151.             margin-left: 540px;
  152.             margin-bottom: 10px;
  153.             text-align: {select:Text Align};
  154.         }
  155.         .profile-photo {       
  156.             display: block;    
  157.             margin-left: auto;     
  158.             margin-right: auto;    
  159.             margin-bottom: 0px;    
  160.             padding: 0px;      
  161.             width: 250px;      
  162.             height: auto;      
  163.             padding: 6px;      
  164.             background-color: transparent;     
  165.         }
  166.         nav {
  167.             width: 256px;
  168.             color: {color:Text Color 1};
  169.             background-color: transparent;
  170.             padding: 0px;
  171.             clear: both;
  172.         }
  173.        
  174.         a:link, a:active {
  175.             color: {color:Link Color};
  176.             text-decoration: none;
  177.         }
  178.        
  179.         a:visited {
  180.             color: {color:Link Visited Color};
  181.             text-decoration: none;
  182.         }
  183.  
  184.         a:hover {
  185.             color: {color:Link Hover Color};
  186.             text-decoration: none;
  187.         }
  188.        
  189.         ul.sidelinks {
  190.             text-align: center;
  191.         }
  192.         ul.sidelinks li {
  193.             color: {color:Text Color 1};
  194.             text-align: left;
  195.             display: block;
  196.         }
  197.         a.sidelink:link {
  198.             color: {color:Text Color 2};
  199.             background-color: transparent;
  200.             text-align: {select:Text Align};
  201.             text-decoration: none;
  202.             display: block;
  203.             padding: 3px 7px 3px 7px;
  204.             margin-top: 2px;
  205.             margin-left: 0px;
  206.             font-family: 'Yanone Kaffeesatz', sans-serif;
  207.             text-transform: {select:Sidebar Case};
  208.             letter-spacing: 1px;
  209.             font-size: 14px;
  210.             line-height: 14px;
  211.             font-weight: normal;
  212.             border-bottom: 1px solid #ddd;
  213.         }
  214.         a.sidelink:visited, a.sidelink:active {
  215.             color: {color:Text Color 2};
  216.             border-bottom: 1px solid #ddd;
  217.         }
  218.         a.sidelink:hover {
  219.             color: {color:Text Color 1}
  220.             margin-bottom: 1px;
  221.             border-bottom: 1px solid #aaa;
  222.         }
  223.        
  224.         /* main post styles */
  225.         .post {
  226.             {block:IndexPage}
  227.             max-width: 250px;
  228.             width: 250px;
  229.             {/block:IndexPage}
  230.             {block:PermalinkPage}
  231.             width:500px;
  232.             {/block:PermalinkPage}
  233.             float: left;
  234.             background-color: transparent;
  235.             text-align: {select:Text Align};
  236.             margin-bottom: 7px;
  237.             margin-left: 3px;
  238.             margin-right: 5px;
  239.             padding: 6px;
  240.             overflow: hidden;
  241.         }
  242.        
  243.         /* adds padding to things in a post */
  244.         .content {
  245.             padding: 10px 20px;
  246.             font-size: 11px;
  247.             line-height: 120%;
  248.             text-align: {select:Text Align};
  249.         }
  250.        
  251.         /* text post styles */
  252.         .text p {
  253.             font-size: 11px;
  254.             line-height: 120%;
  255.             text-align: {select:Text Align};
  256.             -webkit-hyphens: auto;
  257.             -moz-hyphens: auto;
  258.             -ms-hyphens: auto;
  259.             -o-hyphens: auto;
  260.             hyphens: auto;
  261.         }
  262.         .text ul {
  263.             list-style-type: square;
  264.             font-size: 10px;
  265.             padding-left: 20px;
  266.         }
  267.         blockquote {
  268.             color: {color:Text Color 2};
  269.             background-color: transparent;
  270.             font-family: {font:Body};
  271.             text-transform: normal;
  272.             letter-spacing: 0px;
  273.             font-weight: normal;
  274.             font-size: 11px;
  275.             line-height: 110%;
  276.             padding: 5px;
  277.             margin: 0px;
  278.             border-top: 1px solid #ddd;
  279.             border-bottom: 1px solid #ddd;
  280.         }
  281.  
  282.         blockquote a, blockquote a:hover {
  283.             color: {color:Text Color 2};
  284.         }
  285.         .post img {
  286.             max-width: 250px;
  287.             height: auto;
  288.         }
  289.        
  290.         .chat {
  291.             color: {color:Text Color 2};
  292.             font-size: 13px;
  293.             line-height: 15px;
  294.         }
  295.         .chat .label {
  296.             font-weight: bold;
  297.             text-align: right;
  298.         }
  299.         .chat li {
  300.             border-bottom: 0px solid #ddd;
  301.             padding-top: 3px;
  302.             padding-bottom: 3px;
  303.         }
  304.         .chat li:last-child {
  305.             border-bottom: none;  
  306.         }
  307.        
  308.         a img.credit {
  309.             position: fixed;
  310.             bottom: 0;
  311.             right: 0;
  312.         }
  313.        
  314.         .imgback {
  315.             background-color: {color:Background Color};
  316.         }
  317.        
  318.         .text p img {
  319.             max-width: 100%;
  320.         }
  321.        
  322.         /* shown on the permalink page; has notes, source, and time posted */
  323.         .perma-info {
  324.             color: {color:Text Color 1};
  325.             background-color: {color:Accent Color};
  326.             font-size: 12px;
  327.             line-height: 14px;
  328.             font-weight: normal;
  329.             padding: 15px 14px 5px 14px;
  330.             overflow: hidden;
  331.         }
  332.         .perma-info a, .perma-info a:hover {
  333.             color: {color:Text Color 1};
  334.             text-decoration: none;
  335.         }
  336.         .tags {
  337.             text-align: {select:Text Align};
  338.         }
  339.         /* notes stuff */
  340.         ol.notes {
  341.             list-style-type: none;
  342.             padding-left: 0;
  343.         }
  344.         .note {
  345.             padding: 4px;
  346.             border-bottom: 1px solid #eee;
  347.         }
  348.         .note:last-child {
  349.             border-bottom: 0;
  350.             margin-bottom: 10px;
  351.         }
  352.          .note blockquote {
  353.             color: {color:Accent Color};
  354.             background-color: transparent;
  355.             border: none;
  356.         }
  357.        
  358.         .index-info {
  359.             width: 240px;
  360.             background-color: rgba(0,0,0,0.5);
  361.             font-size: 11px;
  362.             line-height: 14px;
  363.             color: #fff;
  364.             padding: 5px;
  365.         }
  366.         .index-info a {
  367.             color: #fff;
  368.         }
  369.         .index-info a:hover {
  370.             color: #fff;
  371.         }
  372.        
  373.          .post .index-info {
  374.             position: absolute;
  375.             top: 6px;
  376.             left: 6px;
  377.             opacity: 0;
  378.         }
  379.          .post:hover .index-info {
  380.             opacity: 1;
  381.         }
  382.  
  383.        
  384.         /* remove blank space from bottom of photoset posts */
  385.         iframe.photoset {
  386.             display: block;  
  387.         }
  388.        
  389.         /* line */
  390.         hr {
  391.             clear: both;
  392.             border: 0;
  393.             border-bottom: 1px solid #eee;
  394.             margin: 15px 10px;
  395.         }
  396.        
  397.         /* fix height of element with floats inside */
  398.         .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  399.         .clearfix:after { clear: both; }
  400.         .clearfix { zoom: 1; }
  401.        
  402.         /* remove border on linked images in IE */
  403.         a img {
  404.             border: 0;  
  405.         }
  406.        
  407.         /* you shouldn't see this div if infinite scroll is on */
  408.         div.pagination {
  409.             background-color: none;
  410.             margin-bottom: 10px;
  411.             clear: both;
  412.             text-align: center;
  413.         }
  414.        
  415.         /* previous and next page buttons */
  416.         #previous, #next, .page-info {
  417.             color: {color:Link Color};
  418.             font-family: {font:Body};
  419.             font-size: 11px;
  420.             background: transparent;
  421.             font-weight: bold;
  422.             padding: 5px 7px 5px 7px;
  423.         }
  424.         #previous:hover, #next:hover {
  425.             color: {color:Link Hover Color};
  426.             font-family: {font:Body};
  427.             font-size: 11px;
  428.             background: transparent;
  429.             font-weight: bold;
  430.             padding: 5px 7px 5px 7px;
  431.         }
  432.        
  433.         /* icons next to notes */
  434.         ol.notes .reblog {background: transparent url('//static.tumblr.com/anzluor/Gw5n6ay0z/reblog.png') right center no-repeat;}
  435.         ol.notes .like {background: transparent url('//static.tumblr.com/anzluor/0yrn6ay0n/like.png') right center no-repeat;}
  436.         ol.notes .reply {background: transparent url('//static.tumblr.com/anzluor/n70n6ay1a/reply.png') right center no-repeat;}
  437.        
  438.         /* tumblr reblog button */
  439.         .reblog_button {
  440.             float: right;
  441.             margin-left: 8px;
  442.             margin-top: 1px;
  443.         }
  444.        
  445.         /* special styling for permalink pages */
  446.         {block:PermalinkPage}
  447.  
  448.             .wrapper {
  449.                 width: 860px;
  450.             }
  451.  
  452.             .main {
  453.                 width: 540px;  
  454.             }
  455.             header {
  456.                 width: 260px;
  457.                 float: left;
  458.             }
  459.             .post {
  460.                 float: left;
  461.                 margin-left: 5px;
  462.                 margin-right: 7px;
  463.                 padding: 8px;
  464.                 max-width: 500px;
  465.             }
  466.             .post img {
  467.                 max-width: 500px;
  468.                 height: auto;
  469.                 opacity: 1;
  470.                 padding: 0px;
  471.             }
  472.             .reblog_button {
  473.                 margin-left: 10px;
  474.                 margin-top: 0px;
  475.             }
  476.         {/block:PermalinkPage}
  477.         {block:IndexPage}
  478.         .post {
  479.                 max-width: 250px;
  480.                 width: 250px;
  481.             }
  482.             {/block:IndexPage}
  483.        
  484.         /* make sure avatars don't get huge */
  485.         img.avatar {
  486.             width: 30px;
  487.             height: 30px;
  488.             vertical-align: middle;
  489.             display: inline;
  490.             margin-right: 5px;
  491.         }
  492.        
  493.         {CustomCSS}
  494.        
  495.         </style>
  496.     </head>
  497.     <body>
  498.         <div class="wrapper">
  499.         <header class="clearfix">
  500.        
  501.         <div class="content">
  502.        
  503.           <div class="header">
  504.            
  505.             <h1>{Title}</h1>
  506.                                 {block:IfProfilePhotoImage}<img class="profile-photo" src="{image:Profile Photo}" alt="" />{/block:IfProfilePhotoImage}    
  507.         {block:Description}
  508.             <p id="description">{Description}</p>
  509.         {/block:Description}
  510.    
  511.         <nav>
  512.             <ul class="sidelinks">
  513.                 <a class="sidelink" href="/">Home</a>
  514.                
  515.                 {block:HasPages}
  516.                     {block:Pages}
  517.                     <a class="sidelink" href="{URL}">{Label}</a>
  518.                     {/block:Pages}
  519.                 {/block:HasPages}
  520.                
  521.                 {block:AskEnabled}<a class="sidelink" href="/ask">Ask</a>{/block:AskEnabled}
  522.                
  523.                 {block:SubmissionsEnabled}<a class="sidelink" href="/submit">Submit</a>{/block:SubmissionsEnabled}
  524.        
  525.             {block:IfCustomLink1URL}
  526.             <a class="sidelink" href="{text:Custom Link 1 URL}">{text:Custom Link 1 Name}</a>
  527.                 {/block:IfCustomLink1URL}
  528.                
  529.                 {block:IfCustomLink2URL}
  530.             <a class="sidelink" href="{text:Custom Link 2 URL}">{text:Custom Link 2 Name}</a>
  531.                 {/block:IfCustomLink2URL}
  532.                
  533.                 {block:IfCustomLink3URL}
  534.             <a class="sidelink" href="{text:Custom Link 3 URL}">{text:Custom Link 3 Name}</a>
  535.                 {/block:IfCustomLink3URL}
  536.                
  537.                 {block:IfCustomLink4URL}
  538.             <a class="sidelink" href="{text:Custom Link 4 URL}">{text:Custom Link 4 Name}</a>
  539.                 {/block:IfCustomLink4URL}
  540.                
  541.                 {block:IfCustomLink5URL}
  542.             <a class="sidelink" href="{text:Custom Link 5 URL}">{text:Custom Link 5 Name}</a>
  543.                 {/block:IfCustomLink5URL}
  544.                
  545.             </ul>
  546.         </nav>
  547.        
  548.         </div>
  549.         </div>
  550.         </header>
  551.        
  552.         <div class="main">
  553.  
  554.         <ul id="posts">
  555.             {block:Posts}
  556.                 <li class="post {PostType}">
  557.                                
  558.                 {block:Text}
  559.                     {block:Title}
  560.                         <h3>{Title}</h3>
  561.                     {/block:Title}
  562.  
  563.                     <div class="content">{Body}</div>
  564.                 {/block:Text}
  565.                
  566.                
  567.                 {block:Answer}
  568.                     <div class="content">
  569.                         <img class="avatar" style="float:left" src="{AskerPortraitURL-30}"/>
  570.                         <p>{lang:Asker asked}: <b>{Question}</b></p>
  571.                     </div>
  572.  
  573.                     <div class="content">{Answer}</div>
  574.                 {/block:Answer}
  575.                
  576.  
  577.                 {block:Photo}
  578.                     {block:IndexPage}
  579.                         <div class="imgback"><a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" /></a></div>
  580.                     {/block:IndexPage}
  581.                     {block:PermalinkPage}
  582.                         <div class="imgback"><center>{LinkOpenTag}<img src="{PhotoURL-1280}" alt="{PhotoAlt}" />{LinkCloseTag}</center></div>
  583.                     {/block:PermalinkPage}
  584.                     {block:IfNotCaptionsOnIndexPage}
  585.                      {block:PermalinkPage}
  586.                      {block:Caption}
  587.                         <div class="content">{Caption}</div>
  588.                      {/block:Caption}
  589.                      {/block:PermalinkPage}
  590.                     {/block:IfNotCaptionsOnIndexPage}
  591.                     {block:IfCaptionsOnIndexPage}
  592.                      {block:Caption}
  593.                         <div class="content">{Caption}</div>
  594.                      {/block:Caption}
  595.                     {/block:IfCaptionsOnIndexPage}
  596.                 {/block:Photo}
  597.                
  598.  
  599.                 {block:Photoset}
  600.                     {block:IndexPage}
  601.                         {Photoset-250}
  602.                     {/block:IndexPage}
  603.                     {block:PermalinkPage}
  604.                         {Photoset-500}
  605.                     {/block:PermalinkPage}
  606.                     {block:IfNotCaptionsOnIndexPage}
  607.                      {block:PermalinkPage}
  608.                      {block:Caption}
  609.                         <div class="content">{Caption}</div>
  610.                      {/block:Caption}
  611.                      {/block:PermalinkPage}
  612.                     {/block:IfNotCaptionsOnIndexPage}
  613.                     {block:IfCaptionsOnIndexPage}
  614.                      {block:Caption}
  615.                         <div class="content">{Caption}</div>
  616.                      {/block:Caption}
  617.                     {/block:IfCaptionsOnIndexPage}
  618.                 {/block:Photoset}
  619.                
  620.  
  621.                 {block:Quote}
  622.                     <div class="content"><blockquote>{Quote}</blockquote>
  623.  
  624.                     {block:Source}
  625.                         <p style="text-align: right">{Source}</p></div>
  626.                     {/block:Source}
  627.                 {/block:Quote}
  628.                
  629.  
  630.                 {block:Link}
  631.                 <h3><a href="{URL}" class="link" {Target}>{Name} &rarr;</a></h3>
  632.  
  633.                     {block:Description}
  634.                         <div class="content">{Description}</div>
  635.                     {/block:Description}
  636.                 {/block:Link}
  637.                
  638.  
  639.                 {block:Chat}
  640.                     {block:Title}
  641.                         <h3><a href="{Permalink}">{Title}</a></h3>
  642.                     {/block:Title}
  643.                     <div class="content">
  644.                     <ul class="chat">
  645.                         {block:Lines}
  646.                             <li class="{Alt} user_{UserNumber}">
  647.                                 {block:Label}
  648.                                     <span class="label">{Label}</span>
  649.                                 {/block:Label}
  650.  
  651.                                 <span class="line">{Line}</span>
  652.                             </li>
  653.                         {/block:Lines}
  654.                     </ul>
  655.                     </div>
  656.                 {/block:Chat}
  657.                
  658.  
  659.                 {block:Video}
  660.                     {block:IndexPage}
  661.                         {VideoEmbed-250}
  662.                     {/block:IndexPage}
  663.                     {block:PermalinkPage}
  664.                         {VideoEmbed-500}
  665.                     {/block:PermalinkPage}
  666.                     {block:IfNotCaptionsOnIndexPage}
  667.                      {block:PermalinkPage}
  668.                      {block:Caption}
  669.                         <div class="content">{Caption}</div>
  670.                      {/block:Caption}
  671.                      {/block:PermalinkPage}
  672.                     {/block:IfNotCaptionsOnIndexPage}
  673.                     {block:IfCaptionsOnIndexPage}
  674.                      {block:Caption}
  675.                         <div class="content">{Caption}</div>
  676.                      {/block:Caption}
  677.                     {/block:IfCaptionsOnIndexPage}
  678.                 {/block:Video}
  679.                
  680.  
  681.                 {block:Audio}
  682.                     {block:IndexPage}
  683.                         {AudioEmbed-250}
  684.                     {/block:IndexPage}
  685.                     {block:PermalinkPage}
  686.                         {AudioEmbed-500}
  687.                     {/block:PermalinkPage}
  688.                     {block:IfNotCaptionsOnIndexPage}
  689.                      {block:PermalinkPage}
  690.                      {block:Caption}
  691.                         <div class="content">{Caption}</div>
  692.                      {/block:Caption}
  693.                      {/block:PermalinkPage}
  694.                     {/block:IfNotCaptionsOnIndexPage}
  695.                     {block:IfCaptionsOnIndexPage}
  696.                      {block:Caption}
  697.                         <div class="content">{Caption}</div>
  698.                      {/block:Caption}
  699.                     {/block:IfCaptionsOnIndexPage}
  700.                 {/block:Audio}
  701.                
  702.                 {block:IndexPage}
  703.                 <div class="index-info">
  704.                     <a style="float:left; text-align: left" class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>
  705.                     {ReblogButton size="12" color="white"}
  706.                     {block:Date}<a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{TimeAgo}</a>{/block:Date}
  707.                    
  708.                 </div>
  709.                 {/block:IndexPage}
  710.                
  711.                 {block:PermalinkPage}
  712.                
  713.                 {block:Date}
  714.                 <div class="perma-info">
  715.                 {block:HasTags}
  716.                 <div class="tags">
  717.                 {block:Tags}
  718.                 <a href="{TagURL}">&#35;{Tag}</a>&nbsp;
  719.                 {/block:Tags}
  720.                 </div>
  721.                     <hr />
  722.                 {/block:HasTags}
  723.                 {block:PostNotes}<a style="float:left; text-align: left"  class="postnotes" href='{Permalink}'>{NoteCountWithLabel}</a>{/block:PostNotes}
  724.                 {block:ContentSource}&nbsp;&mdash;&nbsp;<a href="{SourceURL}">Source</a>{/block:ContentSource}
  725.                 {block:RebloggedFrom} <a style="float:left; text-align: left"href="{ReblogParentURL}">&nbsp;(via)</a>{/block:RebloggedFrom}
  726.                 {ReblogButton size="16" color="black"}
  727.                 <a style="float:right; text-align: right" class="timeago" href='{Permalink}'>{Month} {DayOfMonth}&#44; {Year} at {24Hour}&#58;{Minutes}</a>
  728.                  
  729.                 {block:PostNotes}
  730.                     <hr />
  731.                     {PostNotes-64}
  732.                 {/block:PostNotes}
  733.                 </div>
  734.                 {/block:Date}
  735.                 {/block:PermalinkPage}
  736.                 </li>
  737.             {/block:Posts}
  738.         </ul>
  739.         <div class="pagination">
  740.             {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" id="next">&laquo; {lang:Previous Page}</a> {/block:PreviousPage}
  741.            
  742.             <span class="page-info">{lang:CurrentPage of TotalPages}</span>
  743.            
  744.             {block:NextPage}<a href="{NextPage}" id="next">{lang:Next Page} &raquo;</a>{/block:NextPage}{/block:Pagination}
  745.         </div>
  746.       </div>
  747.     </div>
  748.     <a href="http://stylizedthemes.tumblr.com/" alt="Tumblr Themes" title="Get this theme!"><img class="credit" src="http://static.tumblr.com/ohnymtu/BGZnl4rr7/credit2.png" alt="" /></a>
  749.     {block:IndexPage}
  750.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  751.         {block:IfInfiniteScrolling}<script src="//static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js"></script>{/block:IfInfiniteScrolling}
  752.         <script src="//static.tumblr.com/anzluor/3H8mp4qek/masonry.pkgd.min.js"></script>
  753.         <script>
  754.         $(function(){
  755.             var container = $('ul#posts');
  756.  
  757.             container.imagesLoaded( function(){
  758.                 container.masonry({
  759.                     itemSelector : 'li.post'
  760.                 });
  761.             });
  762.            
  763.             {block:IfInfiniteScrolling}
  764.             container.infinitescroll({
  765.                 navSelector  : 'div.pagination',    
  766.                 nextSelector : 'div.pagination a#next',
  767.                 itemSelector : 'li.post',
  768.                 },
  769.                 function( newElements ) {
  770.                     var $newElems = $( newElements ).css({ opacity: 0 });
  771.                     $newElems.imagesLoaded(function(){
  772.                         $newElems.animate({ opacity: 1 });
  773.                         container.masonry( 'appended', $newElems, true );
  774.                     });
  775.                 }
  776.             );
  777.             {/block:IfInfiniteScrolling}
  778.         });
  779.         </script>
  780.         {/block:IndexPage}
  781.     </body>
  782. </html>
Advertisement
Add Comment
Please, Sign In to add comment