Advertisement
RubySolar

Custom Victorian

Jun 4th, 2013
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 22.72 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.     <head>
  5.         <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle} {SearchResultCount}  </title>
  6.         <link rel="shortcut icon" href="{Favicon}">
  7.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8.         {block:Description}
  9.             <meta name="description" content="{MetaDescription}" />
  10.         {/block:Description}
  11.        
  12.         <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  13.        
  14.      
  15.     <meta charset="utf-8" />
  16.    
  17.    
  18. <meta name="image:Background" content=""/>
  19. <meta name="color:Background" content=""/>
  20. <meta name="color:Text Color" content="">
  21. <meta name="font:Body Text" content=""/>
  22. <meta name="color:Link" content="">
  23. <meta name="color:Link Hover" content="">
  24. <meta name="if:Archive Link" content="1"/>
  25.  
  26. <meta name="image:Top" content="">
  27. <meta name="color:Shadow" content="">
  28.  
  29. <meta name="color:Body Color" content="">
  30. <meta name="color:Caption Color" content="">
  31. <meta name="If:Show Followers" content="1">
  32.  
  33. <meta name="if:Random Link" content="1">
  34. <meta name="if:Page Numbers" content="1">
  35.  
  36.  
  37.     <style type="text/css">
  38.  
  39.     body {
  40.         color: {color:Text Color};
  41.         background-color: {color:Background};
  42.         background-image: url({image:Background});
  43.         font-family: {font:Body Text}, 'Times New Roman';
  44.         font-size: 12px;
  45.         height:100%;
  46.         line-height: 125%;
  47.         padding: 0;
  48.         margin: 25px 0px 25px 0px;
  49.     }
  50.    
  51.     a:link {text-decoration: none; color: {color:Link};
  52.     } /* unvisited link */
  53.     a:visited {text-decoration: none; color: {color:Link};
  54.     } /* visited link */
  55.     a:hover {text-decoration: none; color: {color:Link Hover};
  56.     }   /* mouse over link */
  57.     a:active {text-decoration: none; color: {color:Link};
  58.     }  /* selected link */
  59.    
  60.    
  61.    
  62.     #topmain {
  63.         display: block;
  64.         margin-left: auto;
  65.         margin-right: auto;
  66.         width: 900px;
  67.         height:150px;
  68.         background-image: url({image:Top});
  69.         background-repeat:no-repeat;
  70.         background-size: 100% 100%;
  71.     }
  72.    
  73.     .menu {
  74.         display: block;
  75.         position: relative;
  76.         padding: 10px;
  77.         top: 100px;
  78.        
  79.         text-align: right;
  80.         line-height: 115%;
  81.         font-family: 'Great Vibes',"brush script mt";
  82.         font-weight: bold;
  83.         font-size: 26px;
  84.     }
  85.    
  86.     .shadow {
  87.         text-shadow: 1px 0px 0.3px {color:shadow},-1px 0px 0.3px {color:shadow},0px 1px 0.3px {color:shadow},0px -1px 0.3px {color:shadow};
  88.     }
  89.    
  90.     /*--------------------------------------------*/
  91.     #background {
  92.         display: block;
  93.         margin-left: auto;
  94.         margin-right: auto;
  95.         margin-top: 20px;
  96.         padding: 0px;
  97.         width: 1000px;
  98.         height:500px;
  99.         background-image: url(http://i61.tinypic.com/ev2rrk.png);
  100.     }    
  101.     #main {
  102.         display: block;
  103.         position: relative;
  104.         left: 51px;
  105.         top: 51px;
  106.         width: 869px;
  107.         height: 369px;
  108.         padding: 15px;
  109.         background-color: rgba(255,255,255,0.5);
  110.         overflow:auto;
  111.     }
  112.     .sidebar {
  113.         background-color: {color:Body Color};
  114.         position: relative;
  115.         width:150px;
  116.         padding: 5px;
  117.         text-align: center;
  118.         word-wrap:break-word;
  119.        
  120.         border-radius: 15px;
  121.         -moz-border-radius: 15px;  
  122.     }
  123.     .mainposts {
  124.         position: absolute;
  125.         width: 650px;
  126.         top: 50px;
  127.         left: 200px;
  128.         word-wrap:break-word;
  129.     }
  130.     .posts {
  131.         background-color: {color:Body Color};
  132.         padding: 15px;
  133.         margin: 10px;
  134.         padding-top: 25px;
  135.         position: relative;
  136.         text-align: center;  
  137.         border-radius: 10px;
  138.         -moz-border-radius: 10px;
  139.     }
  140.     .captions {
  141.         background-color: {color:Caption Color};
  142.         padding: 3px;
  143.         margin: 5px;  
  144.         text-align: center;
  145.         border-radius: 8px;
  146.         -moz-border-radius: 8px;    
  147.     }
  148.    
  149.    
  150.     /*Post decorations*/
  151.     .copy blockquote {
  152.         text-align: left;
  153.         padding-left: 5px;
  154.         border-left: solid 4px {color:Caption Color};
  155.     }      
  156.     .quote.short {
  157.         font-size: 30px;
  158.         line-height: 25px;
  159.     }
  160.     .quote.medium {
  161.         font-size: 25px;
  162.         line-height: 20px;
  163.     }
  164.     .quote.long {
  165.         font-size: 18px;
  166.         line-height: 15px;
  167.     }
  168.     .quotebg {
  169.         font-size: 150px;
  170.         color: white;
  171.         top: 60px;
  172.         left: 5px;
  173.         opacity: 0.3;
  174.         filter: alpha(opacity=30);
  175.         position: absolute;
  176.     }
  177.     .table table {
  178.         border-collapse:collapse;
  179.         text-align: left;
  180.         margin-left: auto;
  181.         margin-right: auto;
  182.     }
  183.     .table table, .table td, .table th {
  184.         border:1px solid {color:Caption Color};
  185.     }
  186.     .table td {padding:3px 8px;}
  187.  
  188.     /*------------------------------------------*/
  189.     .pages {
  190.         display: block;
  191.         position: relative;
  192.         height: 18px;
  193.         width: 500px;
  194.         top: 58px;
  195.         margin-left: auto;
  196.         margin-right: auto;
  197.        
  198.         font-size: 20px;
  199.         font-family:'Great Vibes',"brush script mt";
  200.         font-weight: bold;
  201.         text-align: center;
  202.        
  203.     }
  204.     {CustomCSS}
  205.     </style>
  206.        
  207.     </head>
  208.  
  209.  
  210. <body>
  211.  
  212.  
  213.     <!-- Top Main div-->
  214.     <div id="topmain">
  215.         <p class="menu">
  216.             <a href="/"><span class="shadow">Home</span></a>
  217.             {block:HasPages}
  218.                 {block:Pages}
  219.                 <a href="{URL}/" class="page"><span class="shadow">{Label}</span></a>
  220.                 {/block:Pages}
  221.             {/block:HasPages}
  222.             {block:AskEnabled}
  223.                 <a href="/ask/"><span class="shadow">{AskLabel}</span></a>
  224.             {/block:AskEnabled}
  225.             {block:SubmissionsEnabled}
  226.                 <a href="/submit/"><span class="shadow">{SubmitLabel}</span></a>
  227.             {/block:SubmissionsEnabled}
  228.             {block:IfArchiveLink}
  229.             <a href="/archive/"><span class="shadow">Archive</span></a>
  230.             {/block:IfArchiveLink}
  231.             <a href="http://askfaustus.tumblr.com/theme/"><span class="shadow">Theme</span></a>
  232.             <span>&nbsp;&nbsp;</span>
  233.         </p>
  234.     </div>
  235.     <!--End of Top Main-->
  236.    
  237.    
  238.    
  239.    
  240.    
  241.    
  242. <div id="background">
  243.    
  244.     <!--Start of Main-->
  245.     <div id="main">
  246.     <a id="top"></a>
  247.    
  248.         <div class="sidebar">
  249.             <a href="/"><img src="{PortraitURL-64}" alt="Portrait"></a>
  250.             <br />
  251.             ~~~~~~~~~~~~~~~~~
  252.             <br />
  253.             {Description}
  254.             <br />
  255.             ~~~~~~~~~~~~~~~~~
  256.             <br />
  257.             <form action="/search" method="get">
  258.                  <input type="text" name="q" value="{SearchQuery}"/>
  259.                  <input type="submit" value="Search"/>
  260.             </form>
  261.             <br />
  262.         </div>
  263.        
  264.        
  265.        
  266.         <div class="mainposts">
  267.         {block:Posts}
  268.            
  269.            
  270.            
  271.              {block:Photo}
  272.              <div class="posts">
  273.                 <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>  
  274.                 {block:Caption}
  275.                     <div class="copy">{Caption}</div>
  276.                 {/block:Caption}
  277.                
  278.                
  279.                 <div class="captions">
  280.                     {block:Date}
  281.                         {TimeAgo}&nbsp;
  282.                     {/block:Date}
  283.                     {block:LinkURL}
  284.                     <a href="{LinkURL}"> Source&nbsp;</a>
  285.                     {/block:LinkURL}
  286.                     <a href="{PhotoURL-HighRes}">High Res &nbsp;</a>
  287.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  288.                     <a href="{Permalink}">
  289.                         {block:NoteCount}
  290.                         {NoteCount}
  291.                         {/block:NoteCount}
  292.                         Notes&nbsp;
  293.                     </a>                
  294.                 </div>
  295.                    
  296.                     {block:ContentSource}
  297.                         <a href="{SourceURL}"> Source &nbsp;</a>
  298.                     {/block:ContentSource}
  299.                     {block:RebloggedFrom}
  300.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  301.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  302.                     {/block:RebloggedFrom}
  303.                     {block:NotReblog}
  304.                         <a href="{Permalink}">View Post</a>
  305.                     {/block:NotReblog}
  306.              </div>
  307.             {/block:Photo}
  308.            
  309.            
  310.            
  311.             {block:Text}
  312.             <div class="posts">
  313.                 {block:Title}
  314.                 <h2><a href="{Permalink}">{Title}</a></h2>
  315.                 {/block:Title}
  316.                <div class="copy">{Body}</div>
  317.  
  318.  
  319.                 {block:Date}
  320.                 <div class="captions">
  321.                         {TimeAgo}&nbsp;                
  322.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  323.                     <a href="{Permalink}">
  324.                         {block:NoteCount}
  325.                         {NoteCount}
  326.                         {/block:NoteCount}
  327.                         Notes&nbsp;
  328.                     </a>                
  329.                 </div>
  330.                    
  331.                     {block:ContentSource}
  332.                         <a href="{SourceURL}"> Source&nbsp;</a>
  333.                     {/block:ContentSource}
  334.                     {block:RebloggedFrom}
  335.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  336.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  337.                     {/block:RebloggedFrom}
  338.                     {block:NotReblog}
  339.                         <a href="{Permalink}">View Post</a>
  340.                     {/block:NotReblog}
  341.                 {/block:Date}                
  342.             </div>
  343.             {/block:Text}
  344.            
  345.            
  346.            
  347.             {block:Photoset}
  348.              <div class="posts">
  349.              {Photoset-500}
  350.              
  351.              {block:Caption}
  352.              <div class="copy">{Caption}</div>
  353.              {/block:Caption}
  354.              
  355.              
  356.              <div class="captions">
  357.                     {block:Date}
  358.                         {TimeAgo}&nbsp;
  359.                     {/block:Date}
  360.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  361.                     <a href="{Permalink}">
  362.                         {block:NoteCount}
  363.                         {NoteCount}
  364.                         {/block:NoteCount}
  365.                         Notes&nbsp;
  366.                     </a>                
  367.                 </div>
  368.                    
  369.                     {block:ContentSource}
  370.                         <a href="{SourceURL}"> Source&nbsp;</a>
  371.                     {/block:ContentSource}
  372.                     {block:RebloggedFrom}
  373.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  374.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  375.                     {/block:RebloggedFrom}
  376.                     {block:NotReblog}
  377.                         <a href="{Permalink}">View Post</a>
  378.                     {/block:NotReblog}
  379.              </div>
  380.             {/block:Photoset}
  381.            
  382.              
  383.              
  384.             {block:Panorama}
  385.             <div class="posts">
  386.                 {LinkOpenTag}
  387.                     <img src="{PhotoURL-Panorama}" width="600" height="300" alt="{PhotoAlt}"/>
  388.                 {LinkCloseTag}
  389.  
  390.                 {block:Caption}
  391.                     <div class="caption">{Caption}</div>
  392.                 {/block:Caption}
  393.            
  394.                 <div class="captions">
  395.                     {block:Date}
  396.                         {TimeAgo}&nbsp;
  397.                     {/block:Date}
  398.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  399.                     <a href="{Permalink}">
  400.                         {block:NoteCount}
  401.                         {NoteCount}
  402.                         {/block:NoteCount}
  403.                         Notes&nbsp;
  404.                     </a>                
  405.                 </div>
  406.                    
  407.                     {block:ContentSource}
  408.                         <a href="{SourceURL}"> Source&nbsp;</a>
  409.                     {/block:ContentSource}
  410.                     {block:RebloggedFrom}
  411.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  412.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  413.                     {/block:RebloggedFrom}
  414.                     {block:NotReblog}
  415.                         <a href="{Permalink}">View Post</a>
  416.                     {/block:NotReblog}
  417.             </div>
  418.             {/block:Panorama}
  419.            
  420.            
  421.            
  422.             {block:Quote}
  423.             <div class="posts">
  424.                 <div class="quotebg"></div>
  425.                 <div class="quote {Length}">{Quote}</div>
  426.                 {block:Source}
  427.                     <br />- {Source}
  428.                 {/block:Source}
  429.                
  430.                
  431.                  <div class="captions">
  432.                     {block:Date}
  433.                         {TimeAgo}&nbsp;
  434.                     {/block:Date}
  435.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  436.                     <a href="{Permalink}">
  437.                         {block:NoteCount}
  438.                         {NoteCount}
  439.                         {/block:NoteCount}
  440.                         Notes&nbsp;
  441.                     </a>                
  442.                 </div>
  443.                    
  444.                     {block:ContentSource}
  445.                         <a href="{SourceURL}"> Source&nbsp;</a>
  446.                     {/block:ContentSource}
  447.                     {block:RebloggedFrom}
  448.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  449.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  450.                     {/block:RebloggedFrom}
  451.                     {block:NotReblog}
  452.                         <a href="{Permalink}">View Post</a>
  453.                     {/block:NotReblog}
  454.             </div>
  455.             {/block:Quote}
  456.            
  457.            
  458.            
  459.             {block:Link}
  460.             <div class="posts">
  461.                 <h2><a href="{URL}" {Target}>{Name}</a></h2>
  462.                 {block:Description}
  463.                 <div class="copy">{Description}</div>
  464.                 {/block:Description}
  465.                
  466.                
  467.                 <div class="captions">
  468.                     {block:Date}
  469.                         {TimeAgo}&nbsp;
  470.                     {/block:Date}
  471.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  472.                     <a href="{Permalink}">
  473.                         {block:NoteCount}
  474.                         {NoteCount}
  475.                         {/block:NoteCount}
  476.                         Notes&nbsp;
  477.                     </a>                
  478.                 </div>
  479.                    
  480.                     {block:ContentSource}
  481.                         <a href="{SourceURL}"> Source&nbsp;</a>
  482.                     {/block:ContentSource}
  483.                     {block:RebloggedFrom}
  484.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  485.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  486.                     {/block:RebloggedFrom}
  487.                     {block:NotReblog}
  488.                         <a href="{Permalink}">View Post</a>
  489.                     {/block:NotReblog}
  490.             </div>
  491.             {/block:Link}
  492.            
  493.            
  494.            
  495.             {block:Chat}
  496.             <div class="posts">
  497.                 {block:Title}<h3>{Title}</h3>{/block:Title}
  498.                
  499.                 <div class="table"><table>
  500.                     {block:Lines}
  501.                              <tr>{block:Label}
  502.                                 <td>{Label}</td>
  503.                             {/block:Label}
  504.                             <td>{Line}</td>
  505.                             </tr>
  506.                     {/block:Lines}
  507.                         </table>
  508.                     </div>
  509.                    
  510.                    
  511.                 <div class="captions">
  512.                     {block:Date}
  513.                         {TimeAgo}&nbsp;
  514.                     {/block:Date}
  515.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  516.                     <a href="{Permalink}">
  517.                         {block:NoteCount}
  518.                         {NoteCount}
  519.                         {/block:NoteCount}
  520.                         Notes&nbsp;
  521.                     </a>                
  522.                 </div>
  523.                    
  524.                     {block:ContentSource}
  525.                         <a href="{SourceURL}"> Source&nbsp;</a>
  526.                     {/block:ContentSource}
  527.                     {block:RebloggedFrom}
  528.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  529.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  530.                     {/block:RebloggedFrom}
  531.                     {block:NotReblog}
  532.                         <a href="{Permalink}">View Post</a>
  533.                     {/block:NotReblog}
  534.             </div>
  535.             {/block:Chat}
  536.            
  537.            
  538.                        
  539.             {block:Audio}
  540.             <div class="posts">
  541.                 {AudioPlayerBlack}
  542.                 {block:Caption}
  543.                     <div class="copy">{Caption}</div>
  544.                 {/block:Caption}
  545.                
  546.                  <div class="captions">
  547.                     {block:Date}
  548.                         {TimeAgo}&nbsp;
  549.                     {/block:Date}
  550.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  551.                     <a href="{Permalink}">
  552.                         {block:NoteCount}
  553.                         {NoteCount}
  554.                         {/block:NoteCount}
  555.                         Notes&nbsp;
  556.                     </a>                
  557.                 </div>
  558.                    
  559.                     {block:ContentSource}
  560.                         <a href="{SourceURL}"> Source&nbsp;</a>
  561.                     {/block:ContentSource}
  562.                     {block:RebloggedFrom}
  563.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  564.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  565.                     {/block:RebloggedFrom}
  566.                     {block:NotReblog}
  567.                         <a href="{Permalink}">View Post</a>
  568.                     {/block:NotReblog}
  569.             </div>
  570.             {/block:Audio}
  571.            
  572.            
  573.            
  574.             {block:Video}
  575.             <div class="posts">
  576.                 {Video-500}
  577.                 {block:Caption}
  578.                     <div class="copy">{Caption}</div>
  579.                 {/block:Caption}
  580.                
  581.                
  582.                 <div class="captions">
  583.                     {block:Date}
  584.                         {TimeAgo}&nbsp;
  585.                     {/block:Date}
  586.                     <a href="{ReblogURL}">Reblog &nbsp;</a>
  587.                     <a href="{Permalink}">
  588.                         {block:NoteCount}
  589.                         {NoteCount}
  590.                         {/block:NoteCount}
  591.                         Notes&nbsp;
  592.                     </a>                
  593.                 </div>
  594.                    
  595.                     {block:ContentSource}
  596.                         <a href="{SourceURL}"> Source&nbsp;</a>
  597.                     {/block:ContentSource}
  598.                     {block:RebloggedFrom}
  599.                     VIA: <a href="{ReblogParentURL}">  {ReblogParentName} &nbsp;</a>
  600.                     &nbsp;Original: <a href="{ReblogRootURL}">{ReblogRootName} &nbsp;</a>
  601.                     {/block:RebloggedFrom}
  602.                     {block:NotReblog}
  603.                         <a href="{Permalink}">View Post</a>
  604.                     {/block:NotReblog}
  605.             </div>
  606.             {/block:Video}
  607.            
  608.            
  609.            
  610.             {block:Answer}
  611.             <div class="posts">
  612.                 <div class="captions">
  613.                     <img src="{AskerPortraitURL-16}" alt="Photo" />
  614.                     <br />{Question}
  615.                     <br /> -{Asker}
  616.                 </div>
  617.                 <div class="copy">{Answer}</div>
  618.                 <div class="captions">
  619.                     <a href="{Permalink}">
  620.                         {block:NoteCount}
  621.                         {NoteCount}
  622.                         {/block:NoteCount}
  623.                         Notes&nbsp;
  624.                     </a>
  625.                 </div>
  626.             </div>
  627.             {/block:Answer}
  628.            
  629.            
  630.    
  631.             {block:PostNotes}
  632.                 <div class="captions" style="text-align: left;padding: 25px;">
  633.                 {PostNotes}
  634.                 </div>
  635.             {/block:PostNotes}
  636.            
  637.            
  638.            
  639.         {/block:Posts}
  640.         </div><!--End of MainPosts-->
  641.        
  642.     </div>
  643.     <!--End of Main-->
  644.    
  645.    
  646.    
  647.        
  648.    
  649.    
  650.     <!--Start of page nav-->
  651.     <div class="pages">
  652.         {block:Pagination}
  653.             {block:PreviousPage}
  654.                 <a href="{PreviousPage}"><span class="shadow"> Previous </span></a>
  655.             {/block:PreviousPage}
  656.            
  657.     {block:IfPageNumbers}
  658.             {block:JumpPagination length="5"}
  659.                 {block:CurrentPage}
  660.                     <span class="current_page"><span class="shadow"> {PageNumber} </span></span>
  661.                 {/block:CurrentPage}
  662.  
  663.                 {block:JumpPage}
  664.                     <a class="jump_page" href="{URL}"><span class="shadow"> {PageNumber} </span></a>
  665.                 {/block:JumpPage}
  666.             {/block:JumpPagination}
  667.     {/block:IfPageNumbers}
  668.    
  669.             {block:NextPage}
  670.                 <a href="{NextPage}"><span class="shadow"> Next </span></a>
  671.             {/block:NextPage}
  672.             {block:IfRandomLink}
  673.                 <a href="/random"><span class="shadow"> Random </span></a>
  674.             {/block:IfRandomLink}
  675.         {/block:Pagination}  
  676.         <a href="#top"><span class="shadow"> Top </span></a>
  677.     </div>
  678.     <!--End of Page Nav-->
  679.    
  680. </div>
  681. <!--End of background-->
  682.    
  683.    
  684.    
  685.    
  686.     <div id="footer" style="text-align:center;">
  687.         &copy;&nbsp;{CopyrightYears}
  688.     </div>
  689.      
  690.      
  691.      
  692. </body>
  693. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement