API tools faq
paste
Advertisement
zfleeman

blog

zfleeman
Aug 3rd, 2014
267
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>{Title}</title>
  5.         <style type="text/css">
  6.             body {
  7.                 background-color: #FEFEFA !important;
  8.             }
  9.            
  10.             #content {
  11.                 margin: auto;
  12.                 width: 780px;
  13.             }
  14.            
  15.             #content p {
  16.                 margin: 10px;
  17.             }
  18.            
  19.             blockquote p {
  20.                 font-size: 14px;
  21.             }
  22.            
  23.             blockquote ul {
  24.                 font-size: 14px;
  25.             }
  26.            
  27.             blockquote {
  28.                 margin-left:20px;
  29.             }
  30.            
  31.             h1, #headtext {
  32.                 font-family: Tahoma, Geneva, sans-serif;
  33.             }
  34.            
  35.             h2, h3, h4 {
  36.                 font-family: Tahoma, Geneva, sans-serif;
  37.             }
  38.            
  39.             p, dl, dt, dd, ul, blockquote, .time, ol {
  40.                 font-family: "Courier", Courier, monospace;
  41.             }
  42.                        
  43.             #nav a {
  44.                 color: blue;
  45.                 text-decoration: none;
  46.                 font-weight: bold;
  47.             }
  48.            
  49.            
  50.             #nav p {
  51.                 margin: 0px !important;
  52.             }
  53.            
  54.             #nav .bloglinks {
  55.                 font-style: italic;
  56.             }
  57.            
  58.             .tags {
  59.                 list-style-type: none;
  60.                 padding: 0;
  61.                 margin: 0;
  62.                 opacity: 0.5;
  63.                 font-size: small;
  64.                 font-style: italic;
  65.             }
  66.            
  67.             .tags li {
  68.                 display: inline;
  69.                 margin-right: 15px;
  70.             }
  71.            
  72.             .time {
  73.                 font-style: italic;
  74.                 padding-bottom: 10px;
  75.                 font-size:12px;
  76.             }
  77.            
  78.             .post {
  79.                 margin-bottom: 50px;
  80.             }
  81.            
  82.             .post h3 {
  83.                 margin-top:0px !important;
  84.             }
  85.            
  86.             /* PHOTO POST */
  87.            
  88.             #photopost {
  89.                 background-color: #697e8d;
  90.                 text-align: center;
  91.                 color: white;
  92.                 margin-top: 10px;
  93.                 margin-left: 10px;
  94.             }
  95.            
  96.             #photopost img {
  97.                 margin-top: 15px;
  98.             }
  99.            
  100.             #photopost a {
  101.                 color:white;
  102.                 text-decoration: underline;
  103.             }
  104.            
  105.             #photopost p {
  106.                 padding-bottom: 10px;
  107.             }
  108.            
  109.             /* VIDEO POST */
  110.            
  111.             #videopost {
  112.                 background-color: #a74b22;
  113.                 text-align: center;
  114.                 color: white;
  115.                 margin-top:10px;
  116.                 margin-left: 10px;
  117.             }
  118.            
  119.             #videopost iframe {
  120.                 margin-top:15px;
  121.             }
  122.            
  123.             #videopost a {
  124.                 color:white;
  125.                 text-decoration: underline;
  126.             }
  127.            
  128.             #videopost  p {
  129.                 padding-bottom: 10px;
  130.             }
  131.            
  132.             /* QUOTE POST */
  133.            
  134.             #quotepost {
  135.                 background-color: #c3a770;
  136.             }
  137.            
  138.             #quotepost p {
  139.                 color: white;
  140.             }
  141.            
  142.             .quote {
  143.                 font-style: italic;
  144.             }
  145.            
  146.             /* ANSWER POST */
  147.            
  148.             #answerpost {
  149.                 background-color: #d6d5bd;
  150.                 margin-left: 10px;
  151.             }
  152.            
  153.             #answer {
  154.                 text-align: right;
  155.                 padding-bottom:1px;
  156.             }
  157.            
  158.             #question {
  159.                 font-style:italic;
  160.             }
  161.            
  162.             /* AUDIO POST */
  163.            
  164.             #audiopost {
  165.                 background-color: #B3FCA5;
  166.                 margin-top:10px;
  167.                 margin-left: 10px;
  168.             }
  169.            
  170.             #audiopost p {
  171.                 padding-bottom:10px;
  172.             }
  173.            
  174.             .tumblr_audio_player {
  175.                  margin-top: 10px !important;
  176.                  margin-left: 10px !important;
  177.              }
  178.            
  179.             .like_and_reblog_buttons {
  180.                 list-style: none;
  181.                 display: inline;
  182.             }
  183.  
  184.             .like_and_reblog_buttons li {
  185.                 float:right;
  186.                 display: inline;
  187.                 margin-right: 15px;
  188.             }
  189.            
  190.             .notes{
  191.                 margin-top:10px;
  192.             }
  193.            
  194.             .notes ol {
  195.                  padding:0px;
  196.                  list-style:none;
  197.             }
  198.  
  199.         </style>
  200.         <link rel="stylesheet" type="text/css" href="http://getbootstrap.com/dist/css/bootstrap.css" />
  201.         <link rel="shortcut icon" href="{Favicon}">
  202.         <script type="text/javascript">
  203.             var _gaq = _gaq || [];
  204.             _gaq.push(['_setAccount', 'UA-20512716-1']);
  205.             _gaq.push(['_setDomainName', 'zfleeman.com']);
  206.             _gaq.push(['_trackPageview']);
  207.            
  208.             (function() {
  209.             var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  210.             ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  211.             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  212.             })();
  213.         </script>
  214.        
  215.         {block:Description}
  216.             <meta name="description" content="{MetaDescription}" />
  217.         {/block:Description}
  218.     </head>
  219.     <body>
  220.         <div id="content">
  221.             <h1>{Title}</h1>
  222.                 <div id="nav">
  223.                     <p><a href="http://zfleeman.com">Home</a> &#124; <a href="http://blog.zfleeman.com">Blog</a> &#124; <a href="http://zfleeman.com/minecraft">Minecraft server</a> &#124; <a href="http://zfleeman.com/broadcast">Live broadcast</a></strong> &#124; <a class="bloglinks" href="http://blog.zfleeman.com/ask">Ask a question</a> &#124; <a class="bloglinks" href="http://blog.zfleeman.com/archive">View the archive</a></p>
  224.                 </div>
  225.             <hr style="margin-top:5px !important;" />
  226.             {block:Posts}
  227.            
  228.             <!-- TEXT POST -->
  229.                 {block:Text}
  230.                     <div class="post">
  231.                         <h3 style="margin-bottom:3px !important;">{Title}</h3>
  232.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  233.                         {Body}
  234.                     </div>
  235.                 {/block:Text}
  236.                
  237.             <!-- PHOTO POST -->
  238.                 {block:Photo}
  239.                     <div class="post">
  240.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  241.                         <div id="photopost">
  242.                             {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:HighRes}width="700px"{/block:HighRes} />{LinkCloseTag}
  243.                             {block:Caption}
  244.                                 {Caption}
  245.                             {/block:Caption}
  246.                         </div>
  247.                     </div>
  248.                 {/block:Photo}
  249.                
  250.             <!-- PHOTOSET POST -->
  251.                 {block:Photoset}
  252.                     <div class="post">
  253.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  254.                         {block:Photos}
  255.                             {Photoset}
  256.                         {/block:Photos}
  257.                             {Caption}
  258.                         {/block:Caption}
  259.                     </div>
  260.                 {/block:Photoset}
  261.                
  262.             <!-- VIDEO POST -->
  263.                 {block:Video}
  264.                     <div class="post">
  265.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  266.                         <div id="videopost">
  267.                             {Video-700}
  268.                             {block:Caption}
  269.                                 {Caption}
  270.                             {/block:Caption}
  271.                         </div>
  272.                     </div>
  273.                 {/block:Video}
  274.                
  275.             <!-- AUDIO POST -->
  276.                 {block:Audio}
  277.                     <div class="post">
  278.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  279.                         <div id="audiopost">
  280.                             {block:AudioPlayer}
  281.                                 {AudioPlayer}
  282.                             {/block:AudioPlayer}
  283.                             {block:Caption}
  284.                                 {Caption}
  285.                             {/block:Caption}
  286.                         </div>
  287.                     </div>
  288.                 {/block:Audio}
  289.                
  290.             <!-- QUOTE POST -->
  291.                 {block:Quote}
  292.                     <div class="post">
  293.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  294.                         <div id="quotepost">
  295.                             <div class="quote">
  296.                                 <p>&quot;{Quote}&quot;</p>
  297.                             </div>
  298.                             <div class="source">
  299.                                 {block:Source}
  300.                                     <p>&mdash; {Source}</p>
  301.                                 {/block:Source}
  302.                             </div>
  303.                         </div>
  304.                     </div>
  305.                 {/block:Quote}
  306.                
  307.             <!-- ANSWER POST -->
  308.                 {block:Answer}
  309.                     <div class="post">
  310.                         <h3 style="margin-bottom:3px !important;">{Asker} asked...</h3>
  311.                         <a class="time" href="{Permalink}">{block:Date}{Month} {DayOfMonth}, {Year} {12Hour}&#58;{Minutes} {CapitalAmPm}{/block:Date}</a>
  312.                         <div id="answerpost">
  313.                             <div id="question">
  314.                                 <p><span style="font-size:large;font-style:normal;">Question:</span></p>
  315.                                 <p><img src="{AskerPortraitURL-24}" /> {Question}</p>
  316.                             </div>
  317.                             <div id="answer">
  318.                                 <p><img src="{PortraitURL-24}" /> <span style="font-size:large">Answer:</span></p>
  319.                                 <p>{Answer}</p>
  320.                             </div>
  321.                         </div>
  322.                     </div>
  323.                 {/block:Answer}
  324.                 {block:PermalinkPage}
  325.                     {block:HasTags}
  326.                         <ul class="tags">
  327.                             {block:Tags}
  328.                                 <li>
  329.                                     <a href="{TagURL}">&#35;{Tag}</a>
  330.                                 </li>
  331.                             {/block:Tags}
  332.                         </ul>
  333.                     {/block:HasTags}
  334.                     <ul class="like_and_reblog_buttons">
  335.                         <li>{ReblogButton}</li>
  336.                         <li>{LikeButton}</li>
  337.                     </ul>
  338.                 {/block:PermalinkPage}
  339.                 {block:PostNotes}
  340.                     <span class="notes">{PostNotes}</span>
  341.                 {/block:PostNotes}
  342.             {/block:Posts}
  343.             {block:NextPage}
  344.                 <a href="{NextPage}">&lt;- Older</a>
  345.             {/block:NextPage}
  346.             {block:PreviousPage}
  347.                 <span style="float:right;"><a href="{PreviousPage}">Newer -&gt;</a></span>
  348.             {/block:PreviousPage}
  349.             <hr style="margin-bottom: 5px !important;" />
  350.             <p style="text-align: center;font-size: 10px;"><em>Designed with custom CSS and <a href="http://getbootstrap.com">Bootstrap</a>. Hosted on a server running <a href="http://ubuntu.com">Ubuntu Linux</a> with <a href="http://nginx.org/en/">NGINX</a> handling everything.</em></p>
  351.             <br />
  352.         </div>
  353.     </body>
  354. </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!