SenpaiSilver

SenpaiSilver Tumblr Theme

Mar 20th, 2013
141
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 12.37 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5.      Theme: Ashley v0.3.1
  6.      Author: Jxnblk  [http://jxnblk.com]
  7.      For: Tumblr  [http://tumblr.com/]
  8.      Terms: Protected under Creative Commons.
  9.  
  10.  
  11.    SenpaiSilver: Let's be honest guys, watermarks are like pissing on your property. That's why I removed it and I don't even feel guilty.
  12. -->
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17.     <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  18.    
  19.     <meta charset="UTF-8">
  20.        
  21.         <!-- Custom Variables -->
  22.         <meta name="image:Logo" content=""/>
  23.         <meta name="text:Colophon" content="Ashley theme by Jxnblk"/>
  24.         <meta name="text:GoogleWebFont" content="Gentium Book Basic"/>
  25.         <meta name="text:GoogleWebFontURL" content="Gentium+Book+Basic"/>
  26.         <meta name="color:Background" content="#fff"/>
  27.     <meta name="color:Text" content="#444"/>
  28.     <meta name="color:Link" content="#099"/>
  29.        
  30.         <title>{Title}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}</title>
  31.         {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  32.  
  33.         <link rel="shortcut icon" href="{Favicon}">
  34.         <link rel="apple-touch-icon" href="{PortraitURL-128}">
  35.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36.    
  37.    
  38.     {block:IfGoogleWebFont}
  39.       <!-- Google Web Fonts -->
  40.       <link href='http://fonts.googleapis.com/css?family={text:GoogleWebFontURL}' rel='stylesheet' type='text/css'>
  41.     {/block:IfGoogleWebFont}
  42.    
  43.     <meta name=viewport content='width=device-width, initial-scale=1'>
  44.        
  45.        
  46.         <!--[if lt IE 9]>
  47.             <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  48.         <![endif]-->
  49.  
  50.         <style>
  51.      
  52.       * {
  53.         margin: 0;
  54.         padding: 0;
  55.       }
  56.      
  57.       body {
  58.         color: {color:Text};
  59.         background: {color:Background};
  60.         font-family: '{text:GoogleWebFont}', Georgia, serif;
  61.         font-size: 100%;
  62.         line-height: 1.5;
  63.         font-weight: 400;
  64.       }
  65.      
  66.      
  67.       h1, h2, .h1, .h2 {
  68.         font-weight: 400;
  69.         line-height: 1.25;
  70.         margin-top: .5em;
  71.       }
  72.      
  73.       h1, .h1 {
  74.         font-size: 32px;
  75.       }
  76.      
  77.       h2, .h2 {
  78.         font-size: 24px;
  79.       }
  80.      
  81.       h3, .h3 {
  82.         font-size: 20px;
  83.       }
  84.      
  85.       h1+h2 { margin-top: 0; }
  86.      
  87.       p, .p, ul, ol {
  88.         font-size: 18px;
  89.       }
  90.      
  91.       small, .small {
  92.         font-size: 14px;
  93.       }
  94.      
  95.       strong, .strong {
  96.         font-weight: 700;
  97.       }
  98.      
  99.       p, ul, ol { margin-top: 1em; }
  100.      
  101.             @media screen and (min-width: 480px) {
  102.               h1, .h1 { font-size: 48px; }
  103.               h2, .h2 { font-size: 32px; }
  104.               h3, .h3 { font-size: 24px; }
  105.               p, .p, ul, ol { font-size: 20px;}
  106.               small, .small { font-size: 16px;}
  107.             }
  108.            
  109.             @media screen and (min-width: 640px) {
  110.               h1, .h1 { font-size: 64px; }
  111.               h2, .h2 { font-size: 48px; }
  112.               h3, .h3 { font-size: 32px; }
  113.             }
  114.      
  115.      
  116.       .wrap {
  117.         width: 90%;
  118.         padding: 0 5%;
  119.         max-width: 48em;
  120.         margin: 0 auto;
  121.         overflow: hidden;
  122.       }
  123.      
  124.       article {
  125.         margin-top: 4em;
  126.       }
  127.      
  128.       a {
  129.         color: {color:Link};
  130.         text-decoration: none;
  131.       }
  132.      
  133.       a:hover {
  134.         text-decoration: underline;
  135.       }
  136.      
  137.       header {
  138.         width: 90%;
  139.         padding: 2em 5% 0;
  140.         max-width: 48em;
  141.         margin: 0 auto;
  142.         overflow: hidden;
  143.       }
  144.      
  145.       header:after {
  146.         clear: both;
  147.         content: '.';
  148.         display: block;
  149.         height: 0;
  150.         visibility: hidden;
  151.       }
  152.      
  153.       .logo {
  154.         float: left;
  155.         margin-right: 1em;
  156.       }
  157.      
  158.       header h1, header p {
  159.         margin: 0;
  160.       }
  161.      
  162.       header a, a.post-title {
  163.         color: {color:Text};
  164.       }
  165.      
  166.       a.post-title:hover {
  167.         text-decoration: none;
  168.         color: {color:Link};
  169.       }
  170.      
  171.       header a:hover {
  172.         text-decoration: none;
  173.       }
  174.      
  175.       .post img,
  176.       .photoset,
  177.       .photoset img,
  178.       .photoset_row {
  179.         max-width: 100%;
  180.       }
  181.      
  182.       .post iframe, .video object {
  183.         width: 100%;
  184.         max-width: 100%;
  185.       }
  186.      
  187.       .post blockquote {
  188.         padding-left: 1em;
  189.         border-left: 1px solid #ddd;
  190.       }
  191.      
  192.       .post ul, .post ol {
  193.         margin-left: 2em;
  194.       }
  195.      
  196.       .post footer ul, .post footer ol {
  197.         margin: 0;
  198.       }
  199.      
  200.       .quote blockquote {
  201.         padding: 0;
  202.         border: none;
  203.         font-style: italic;
  204.       }
  205.      
  206.       .quote .source {
  207.         text-align: right;
  208.       }
  209.      
  210.       .post footer {
  211.         padding: 0;
  212.         margin-top: 1em;
  213.         color: #aaa;
  214.         font-style: italic;
  215.       }
  216.      
  217.       .post footer a {
  218.         color: #aaa;
  219.       }
  220.      
  221.       .post footer a:hover {
  222.         color: #999;
  223.       }
  224.      
  225.       .post footer .source {
  226.         float: right;
  227.         margin-right: 0;
  228.       }
  229.      
  230.       .post footer ul li {
  231.         display: inline-block;
  232.         margin-right: 1em;
  233.       }
  234.      
  235.       .tags {
  236.         margin-top: 1em;
  237.       }
  238.      
  239.       .pagination {
  240.         margin-top: 4em;
  241.         text-align: center;
  242.         line-height: 3em;
  243.       }
  244.      
  245.       .pagination:after {
  246.         clear: both;
  247.         content: '.';
  248.         display: block;
  249.         height: 0;
  250.         visibility: hidden;
  251.       }
  252.      
  253.       .pagination a {
  254.         display: block;
  255.         height: 3em;
  256.         padding: 0 1em;
  257.         border-radius: 0.25em;
  258.       }
  259.      
  260.       .pagination a:hover {
  261.         background: #eee;
  262.         text-decoration: none;
  263.       }
  264.      
  265.       .pagination .previous {
  266.         float: left;
  267.       }
  268.      
  269.       .pagination .next {
  270.         float: right;
  271.       }
  272.  
  273.    
  274.       footer.wrap {
  275.         padding-top: 2em;
  276.         padding-bottom: 2em;
  277.       }
  278.      
  279.       ul.pages {
  280.         list-style: none;
  281.       }
  282.      
  283.       ul.pages li {
  284.         display: inline-block;
  285.         margin-right: 1em;        
  286.       }
  287.      
  288.       ul.pages li a {
  289.         display: block;
  290.         height: 3em;
  291.         line-height: 3em;
  292.       }
  293.      
  294.      
  295.       /* Permalink Notes */
  296.      
  297.       aside.notes {
  298.         margin-top: 4em;
  299.       }
  300.      
  301.       ol.notes {
  302.         list-style: none;
  303.         margin-top: 1em;
  304.         border: 1px solid #ddd;
  305.         border-radius: 0.25em;
  306.       }
  307.      
  308.       ol.notes, ol.notes a {
  309.         color: #aaa;
  310.       }
  311.      
  312.       li.note {
  313.         display: block;
  314.         line-height: 2em;
  315.         padding: 0.5em 1em;
  316.         border-bottom: 1px solid #ddd;
  317.       }
  318.       li.note:last-child {
  319.         border: none;
  320.       }
  321.      
  322.       ol.notes li.note img.avatar {
  323.         display: block;
  324.         float: left;
  325.         width: 2em;
  326.         height: 2em;
  327.         margin-right: 1em;
  328.         border-radius: 0.25em;
  329.       }
  330.      
  331.       .notes .action a {
  332.         color: {color:Text};
  333.       }
  334.      
  335.       .action {
  336.         display: block;
  337.         margin-left: 3em;
  338.       }
  339.      
  340.       .notes blockquote {
  341.         line-height: 1.5;
  342.         margin-left: 3em;
  343.       }
  344.          
  345.             {CustomCSS}
  346.            
  347.         </style>
  348. </head>
  349.  
  350. <body>
  351.  
  352.  
  353.   <header>
  354.     {block:IfLogoImage}<a href="/"><img src="{image:Logo}" class="logo" /></a>{/block:IfLogoImage}
  355.     <h1><a href="/">{Title}</a></h1>
  356.     {block:Description}
  357.         <p>{Description}</p>
  358.     {/block:Description}
  359.   </header>
  360.  
  361.  
  362.         <div class="content wrap">
  363.             <section class="posts">
  364.                 {block:NoSearchResults}
  365.                     <h2>Sorry, nothing found for &ldquo;{SearchQuery}&rdquo;.</h2>
  366.                 {/block:NoSearchResults}
  367.  
  368.                 {block:TagPage}
  369.                     <h2 class="h1">#{Tag}</h2>
  370.                 {/block:TagPage}
  371.  
  372.                 {block:Posts}
  373.                     <article class="post {PostType}">
  374.                         {block:Text}
  375.                             {block:Title}
  376.                                 <a href="{Permalink}" class="post-title"><h2>{Title}</h2></a>
  377.                             {/block:Title}
  378.                            
  379.                             {Body}
  380.                            
  381.                             {block:More}<a href="{Permalink}" class="p">Read More &raquo;</a>{/block:More}
  382.                            
  383.                         {/block:Text}
  384.  
  385.                         {block:Photo}
  386.                             {LinkOpenTag}
  387.                 <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">          
  388.                             {LinkCloseTag}
  389.  
  390.                             {block:Caption}
  391.                                 {Caption}
  392.                             {/block:Caption}
  393.                         {/block:Photo}
  394.  
  395.                         {block:Photoset}
  396.                             {Photoset-500}
  397.  
  398.                             {block:Caption}
  399.                                 {Caption}
  400.                             {/block:Caption}
  401.                         {/block:Photoset}
  402.  
  403.                         {block:Quote}
  404.                             <blockquote>
  405.                                 <p class="h3">&ldquo;{Quote}&rdquo;</p>
  406.  
  407.                                 {block:Source}
  408.                                     <p class="source">&ndash; {Source}</p>
  409.                                 {/block:Source}
  410.                             </blockquote>
  411.                         {/block:Quote}
  412.  
  413.                         {block:Link}
  414.                             <h2><a href="{URL}"{Target}>{Name} &raquo;</a></h2>
  415.  
  416.                             {block:Description}
  417.                                 {Description}
  418.                             {/block:Description}
  419.                         {/block:Link}
  420.  
  421.                         {block:Chat}
  422.                             {block:Title}
  423.                                 <h2>{Title}</h2>
  424.                             {/block:Title}
  425.  
  426.                             <ul>
  427.                                 {block:Lines}
  428.                                     <li class="{Alt}">
  429.                                         {block:Label}
  430.                                             <b>{Label}</b>
  431.                                         {/block:Label}
  432.  
  433.                                         {Line}
  434.                                     </li>
  435.                                 {/block:Lines}
  436.                             </ul>
  437.                         {/block:Chat}
  438.  
  439.                         {block:Audio}
  440.                             {block:AudioEmbed}
  441.                                 {AudioEmbed-640}
  442.                             {/block:AudioEmbed}
  443.                             {block:AudioPlayer}
  444.                                 {AudioPlayer}
  445.                                 {block:ExternalAudio}
  446.                                     <a href="{ExternalAudioURL}">Download</a>
  447.                                 {/block:ExternalAudio}
  448.                             {/block:AudioPlayer}
  449.                            
  450.                             {block:Caption}
  451.                                 {Caption}
  452.                             {/block:Caption}
  453.                         {/block:Audio}
  454.  
  455.                         {block:Video}
  456.                             {Video-700}
  457.  
  458.                             {block:Caption}
  459.                                 {Caption}
  460.                             {/block:Caption}
  461.                         {/block:Video}
  462.  
  463.                         {block:Answer}
  464.                             <h2>{Asker} asked: <q>{Question}</q></h2>
  465.  
  466.                             {Answer}
  467.                         {/block:Answer}
  468.  
  469.  
  470.  
  471.                         {block:Date}
  472.                             <footer>
  473.                                 <ul class="small">
  474.                                
  475.                                     <li><a href="{Permalink}" title="{DayOfWeek}, {DayOfMonth} {Month} {Year}, {24Hour}:{Minutes}:{Seconds}">{TimeAgo}</a></li>
  476.                                     <li>
  477.                                         {block:Tags}
  478.         <a href="{TagURL}">#{Tag}</a>
  479.     {/block:Tags}
  480. {/block:HasTags}
  481. </li>
  482.                                        
  483.                                     {block:RebloggedFrom}<li class="source"> (reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>)</li>{/block:RebloggedFrom}
  484.                                     {block:ContentSource}
  485.                                         <li class="source">via <a href="{SourceURL}">{SourceTitle}</a></li>
  486.                                     {/block:ContentSource}
  487.                                    
  488.                                 </ul>
  489.                                
  490.                                 {block:PermalinkPage}
  491.                    
  492.                     {block:HasTags}
  493.                                             <ul class="tags">
  494.                                                 {block:Tags}
  495.                                                     <li>
  496.                                                         <a href="{TagURL}">#{Tag}</a>
  497.                                                     </li>
  498.                                                 {/block:Tags}
  499.                                             </ul>
  500.                                     {/block:HasTags}
  501.                                        
  502.                                 {/block:PermalinkPage}
  503.                                
  504.                                
  505.                             </footer>
  506.                            
  507.                         {/block:Date}
  508.                     </article> <!-- /post -->          
  509.  
  510.                    
  511.                 {block:PostNotes}
  512.                   <aside class="notes">
  513.                       {block:NoteCount}<p>{NoteCountWithLabel}</p>{/block:NoteCount}
  514.                         {PostNotes-64}
  515.                   </aside>
  516.                 {/block:PostNotes}
  517.  
  518.  
  519.                 {/block:Posts}
  520.                
  521.                 {block:Pagination}
  522.                 <!-- Removing the pages
  523.                
  524.                <div class="pagination p">
  525.                    
  526.                         <span class="previous">{block:PreviousPage}<a href="{PreviousPage}" class="previous">{/block:PreviousPage}&laquo; Previous{block:PreviousPage}</a>{/block:PreviousPage}</span>
  527.                         <span class="page-numbers">{CurrentPage}/{TotalPages}</span>
  528.                         <span class="next">{block:NextPage}<a href="{NextPage}">{/block:NextPage}Next &raquo;{block:NextPage}</a>{/block:NextPage}</span>
  529.                    
  530.                     </div>
  531.                    End of Removing the pages -->
  532.                 {/block:Pagination}
  533.                
  534.                
  535.                
  536.             </section> <!-- /posts -->
  537.         </div> <!-- /content -->
  538.    
  539.        
  540.     <footer class="small wrap">
  541.    
  542.     {block:HasPages}
  543.         <ul class="pages">
  544.                 {block:Pages}
  545.                     <li><a href="{URL}">{Label}</a></li>
  546.                 {/block:Pages}
  547.         </ul>
  548.         {/block:HasPages}
  549.        
  550.      
  551.     </footer>
  552.    
  553.        
  554. </body>
  555. </html>
Advertisement
Add Comment
Please, Sign In to add comment