API tools faq
paste
Advertisement
andieanjos

Young Love... (tumblr theme)

andieanjos
Oct 3rd, 2012
215
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 11.32 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title>{Title}</title>
  6.         <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  7.         <meta name="Author" content="Andressa Anjos">
  8.         <title>{Title}{block:PostTitle} :: {PostTitle}{/block:PostTitle}</title>
  9.         <link rel="shortcut icon" href="{Favicon}">
  10.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.         {block:Description}
  12.             <meta name="description" content="{MetaDescription}">
  13.         {/block:Description}
  14.        
  15.         <meta name="if:Infinite Scroll" content="1">
  16.         <meta name='color:Background' content='#E2D7CE'>
  17.         <meta name='color:Text' content='#0F0F0E'>
  18.         <meta name='color:Link' content='#726666'>
  19.         <meta name='color:Link Hover' content='#4B3226'>
  20.         <meta name='color:Chat Odd' content='#f5f1ee'>
  21.         <meta name='image:Left' content='http://static.tumblr.com/ctmsm45/MTNmbbk54/001.jpg'>
  22.         <meta name='image:Right' content='http://static.tumblr.com/ctmsm45/wQ2mbbk5f/002.jpg'>
  23.         <meta name='text:Link 1' content=''>
  24.         <meta name='text:Link 1 URL' content=''>
  25.         <meta name='text:Link 2' content=''>
  26.         <meta name='text:Link 2 URL' content=''>
  27.         <meta name='text:Link 3' content=''>
  28.         <meta name='text:Link 3 URL' content=''>
  29.         <meta name='text:Link 4' content=''>
  30.         <meta name='text:Link 4 URL' content=''>
  31.         <meta name='text:Link 5' content=''>
  32.         <meta name='text:Link 5 URL' content=''>
  33.         <meta name='text:Link 6' content=''>
  34.         <meta name='text:Link 6 URL' content=''>
  35.         <meta name='text:Link 7' content=''>
  36.         <meta name='text:Link 7 URL' content=''>
  37.        
  38.         <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  39.         <style type="text/css">
  40.             body {
  41.                 background-color:{color:Background};
  42.                 font-family: 'Calibri', Calibri, Arial, Helvetica, sans-serif;
  43.                 color:{color:Text};
  44.                 font-size:10pt;
  45.             }
  46.             a {
  47.                 color:{color:Link};
  48.                 text-decoration:none;
  49.             }
  50.             a:hover {
  51.                 color:{color:Link Hover};
  52.             }
  53.             #sb {
  54.                 width:900px;
  55.                 position:fixed;
  56.                 top:30px;
  57.                 bottom:30px;
  58.                 background-color:white;
  59.                 padding:20px;
  60.             }
  61.             #sb > #left {
  62.                 width:200px;
  63.                 background-color:black;
  64.                 float:left;
  65.                 height:100%;
  66.                 background-image:url({image:Left});
  67.                 background-size:cover;
  68.             }
  69.             #sb > #left ul {
  70.                 margin:20px auto; padding:0;
  71.                 list-style:none;
  72.                 display:block;
  73.                 width:200px;
  74.                 opacity:0.1;
  75.             }
  76.             #sb > #left li {
  77.                 margin:-1px; padding:0;
  78.                 text-align:center;
  79.                 width:100px;
  80.                 height:100px;
  81.                 display:inline-block;
  82.             }
  83.             #sb > #left li > a {
  84.                 display:block;
  85.                 line-height:98px;
  86.                 background-color:rgba(255,255,255,0.6);
  87.                 color:{color:Link Hover};
  88.                 font-size:8pt;
  89.                 text-decoration:none;
  90.                 text-transform:lowercase;
  91.                 font-variant:small-caps;
  92.             }
  93.             #sb > #right {
  94.                 width:200px;
  95.                 background-color:black;
  96.                 float:right;
  97.                 height:100%;
  98.                 background-image:url({image:Right});
  99.                 background-size:cover;
  100.             }
  101.             #sb > #right p {
  102.                 background-color:rgba(255,255,255,0.6);
  103.                 display:block;
  104.                 position:relative;
  105.                 bottom:0;
  106.                 color:{color:Link Hover};
  107.                 font-size:8pt;
  108.                 text-align:justify;
  109.                 margin:10px;
  110.                 padding:10px;
  111.                 opacity:0.1;
  112.             }
  113.             #postArea {
  114.                 position:relative;
  115.                 top:30px;
  116.                 height:100%;
  117.                 padding:20px;
  118.                 width:400px;
  119.                 margin-bottom:30px;
  120.                 background-color:rgba(255,255,255,0.6);
  121.             }
  122.             .post {
  123.                 text-align:justify;
  124.                 margin:15px auto;
  125.             }
  126.             .post p {
  127.                 text-align:justify;
  128.                 margin:0;
  129.             }
  130.             .post blockquote {
  131.                 margin:0;
  132.                 padding:1px 0 1px 10px;
  133.                 border-left:1px solid {color:Link};
  134.                 line-height:normal;
  135.             }
  136.             .post .info {
  137.                 display:block;
  138.                 background-color:{color:Background};
  139.                 color:{color:Link};
  140.                 border-bottom:1px solid {color:Link};
  141.                 font-size:8pt;
  142.                 margin-top:10px;
  143.                 font-variant:small-caps;
  144.                 text-align:left;
  145.                 padding:5px;
  146.             }
  147.             .post .info .letags {
  148.                 font-size:7pt;
  149.                 font-variant:normal;
  150.             }
  151.             .post .info a {
  152.                 color:{color:Link};
  153.                 text-decoration:none;
  154.             }
  155.             .post .info a:hover {
  156.                 color:{color:Link Hover};
  157.             }
  158.             .post .postContent {
  159.                 font-size:9pt;
  160.             }
  161.             .odd {
  162.                 display:block;
  163.                 background-color:{color:Chat Odd};
  164.                 color:{color:Link};
  165.             }
  166.             h2 {
  167.                 font-family:'Pacifico',Georgia;
  168.                 font-weight:normal;
  169.             }
  170.             .medium, .quote {
  171.                 background-color:{color:Chat Odd};
  172.                 color:{color:Link};
  173.                 padding:10px;
  174.             }
  175.             .pagination {
  176.                 display:block;
  177.                 text-align:center;
  178.             }
  179.             .pagination a {
  180.                 font-size:10pt;
  181.             }
  182.             #credit {
  183.                 position:fixed;
  184.                 bottom:0;
  185.                 right:0;
  186.                 font-size:10pt;
  187.                 padding:10px;
  188.                 background-color:{color:Chat Odd};
  189.             }
  190.         </style>
  191.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  192.         <script type="text/javascript">
  193.             $(document).ready(function(e) {
  194.                 $('#sb').css({
  195.                     'left':(($(window).width()/2)-470)+'px'
  196.                 });
  197.                
  198.                 $('#postArea').css({
  199.                     'left':(($(window).width()/2)-220)+'px'
  200.                 });
  201.                
  202.                 $('#sb > #right').hover(function (e) {
  203.                     $('#sb > #right p').animate({'opacity':'1'},'slow');
  204.                 }, function (e) {
  205.                     $('#sb > #right p').animate({'opacity':'0.1'},'slow');
  206.                 });
  207.                
  208.                 $('#sb > #left').hover(function (e) {
  209.                     $('#sb > #left ul').animate({'opacity':'1'},'slow');
  210.                 }, function (e) {
  211.                     $('#sb > #left ul').animate({'opacity':'0.1'},'slow');
  212.                 });
  213.                
  214.                 $('#sb > #left li').each(function(index, element) {
  215.                     var nbr=Math.random();
  216.                     while(nbr<0.5) {
  217.                         nbr=Math.random();
  218.                     }
  219.                    
  220.                    $(this).animate({'opacity':nbr},'fast');
  221.                });
  222.                                
  223.                 $('#sb > #left li > a').hover(function (e) {
  224.                     $(this).animate({'opacity':'0.5'},'fast');
  225.                 }, function (e) {
  226.                     $(this).animate({'opacity':'1'},'fast');
  227.                 });
  228.             });
  229.         </script></head>
  230.         {block:IfInfiniteScroll}
  231.         <script type="text/javascript" src="http://static.tumblr.com/jbarb2y/HXkmcgopt/infinitescrolling.js"></script>
  232.         {/block:IfInfiniteScroll}
  233.    
  234.     <body>
  235.         <div id='sb'>
  236.             <div id='left'>
  237.                 <ul>
  238.                     <li><a href='/'>home</a></li>
  239.                     {block:AskEnabled}<li><a href='/ask'>{AskLabel}</a></li>{/block:AskEnabled}
  240.                     {block:SubmissionsEnabled}<li><a href='/submit'>submit</a></li>{/block:SubmissionsEnabled}
  241.                     {block:IfLink1URL}<li><a href='{text:Link 1 URL}'>{text:Link 1}</a></li>{/block:IfLink1URL}
  242.                     {block:IfLink2URL}<li><a href='{text:Link 2 URL}'>{text:Link 2}</a></li>{/block:IfLink2URL}
  243.                     {block:IfLink3URL}<li><a href='{text:Link 3 URL}'>{text:Link 3}</a></li>{/block:IfLink3URL}
  244.                     {block:IfLink4URL}<li><a href='{text:Link 4 URL}'>{text:Link 4}</a></li>{/block:IfLink4URL}
  245.                     {block:IfLink5URL}<li><a href='{text:Link 5 URL}'>{text:Link 5}</a></li>{/block:IfLink5URL}
  246.                     {block:IfLink6URL}<li><a href='{text:Link 6 URL}'>{text:Link 6}</a></li>{/block:IfLink6URL}
  247.                     {block:IfLink7URL}<li><a href='{text:Link 7 URL}'>{text:Link 7}</a></li>{/block:IfLink7URL}
  248.                 </ul>
  249.             </div>
  250.             <div id='right'>
  251.                 <p>{block:Description}{Description}{/block:Description}</p>            
  252.                 {block:IfNotInfiniteScroll}
  253.                 <div class="pagination">
  254.                 {block:PreviousPage}<a href="{PreviousPage}">- </a>{/block:PreviousPage}
  255.                 {block:NextPage}<a href="{NextPage}">  +</a>{/block:NextPage}
  256.                 </div>
  257.                 {/block:IfNotInfiniteScroll}
  258.             </div>
  259.         </div>
  260.         <div id='postArea' class='autopagerize_page_element'>
  261.             {block:Posts}
  262.                 <div class="post">
  263.                
  264.                     {block:Text}
  265.                         {block:Title}<h2>{Title}</h2>{/block:Title}
  266.                         <div class="postContent">{Body}</div>
  267.                     {/block:Text}
  268.                    
  269.                     {block:Photo}
  270.                         <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  271.                         {block:Caption}<div class="postContent">{Caption}</div>{/block:Caption}
  272.                     {/block:Photo}
  273.                    
  274.                     {block:Photoset}
  275.                         <center>{Photoset-400}</center>
  276.                         {block:Caption}<div class="postContent">{Caption}</div>{/block:Caption}
  277.                     {/block:Photoset}
  278.                    
  279.                     {block:Quote}
  280.                         <div class="quote">{Quote}</div>
  281.                         {block:Source}<div class="postContent"><span style="text-align:right;display:block;font-style:italic;">&mdash; {Source}</span></div>{/block:Source}
  282.                     {/block:Quote}
  283.                    
  284.                     {block:Link}
  285.                         <h2><a href="{URL}" {Target}>{Name}</a></h2>
  286.                         {block:Description}<div class="postContent">{Description}</div>{/block:Description}
  287.                     {/block:Link}
  288.                    
  289.                     {block:Chat}
  290.                         {block:Title}<h2>{Title}</h2>{/block:Title}
  291.                         {block:Lines}<span class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</span>{/block:Lines}
  292.                     {/block:Chat}
  293.                    
  294.                     {block:Audio}
  295.                         <div class="audioBG">{AudioPlayerGrey}</div>
  296.                         {block:Caption}<div class="postContent">{Caption}</div>{/block:Caption}
  297.                     {/block:Audio}
  298.                    
  299.                     {block:Video}
  300.                         <center>{Video-400}</center>
  301.                         {block:Caption}<div class="postContent">{Caption}<div></div>{/block:Caption}
  302.                     {/block:Video}
  303.                    
  304.                     {block:Answer}
  305.                         <div class='quote'><strong>{Asker} growled:</strong> <em>{Question}</em></div>
  306.                         <br>
  307.                         <div class="postContent">{Answer}</div>
  308.                     {/block:Answer}
  309.                    
  310.                     <div class="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}with <a href="{Permalink}#notes">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> &copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}<span class="letags">tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  311.                 </div>
  312.                 {block:PostNotes}
  313.                     <a name="notes"></a>
  314.                     <br><br>
  315.                     <blockquote>{PostNotes}</blockquote>
  316.                 {/block:PostNotes}
  317.                 {/block:Posts}
  318.             </div>
  319.         </div>
  320.         <div id='credit'><a href='http://samesadstory.tumblr.com' target="_blank">&alpha;</a></div>
  321.     </body>
  322. </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!