API tools faq
paste
Advertisement
kycsolomon

Theme #06 Code

kycsolomon
Sep 19th, 2013
361
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.53 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.     <head>
  3.         <title>{Title}{block:PermalinkPage}{block:PostSummary} &mdash; {PostSummary}{/block:PostSummary}{/block:PermalinkPage}{block:TagPage} &mdash; Posts tagged as "{Tag}"{/block:TagPage}</title>
  4.        
  5.         <link rel="shortcut icon" href="{Favicon}">
  6.        
  7.         <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  8.        
  9.         <meta name="image:Header" content="http://static.tumblr.com/c9e21d2f2baf11a11f2dd374331d0f3d/v5gwnfo/Migmtd0gv/tumblr_static_bmtdk_cv11_copy.jpg">
  10.         <meta name="image:Sidebar" content="http://static.tumblr.com/29bd7b19926e9c9fdf3ecebbc8625931/v5gwnfo/djgmtd497/tumblr_static_batman_lee.png">
  11.        
  12.         <meta name="font:Body" content="Lucida Sans"/>
  13.        
  14.         <meta name="text:Link 1 URL" content="">
  15.         <meta name="text:Link 1 Title" content="">
  16.         <meta name="text:Link 2 URL" content="">
  17.         <meta name="text:Link 2 Title" content="">
  18.         <meta name="text:Link 3 URL" content="">
  19.         <meta name="text:Link 3 Title" content="">
  20.         <meta name="text:Link 4 URL" content="">
  21.         <meta name="text:Link 4 Title" content="">
  22.         <meta name="text:Link 5 URL" content="">
  23.         <meta name="text:Link 5 Title" content="">
  24.        
  25.         <meta name="color:Main Link" content="#ffffff">
  26.         <meta name="color:Main Link Hover" content="#000000">
  27.         <meta name="color:Link" content="#000000">
  28.         <meta name="color:Link Hover" content="#ffffff">
  29.         <meta name="color:Font Color" content="#000000">
  30.         <meta name="color:Background Color" content="#ebebeb">
  31.         <meta name="color:Posts" content="#ffffff">
  32.        
  33.         <meta name="if:Show Random Link" content="1"/>
  34.         <meta name="if:Show Archive Link" content="1"/>
  35.         <meta name="if:Show RSS Link" content="1"/>
  36.         <meta name="if:Show Mobile Link" content="1"/>
  37.        
  38.         <style type="text/css">
  39.             body {
  40.                 background-color:{color:Background Color};
  41.                 color:{color:Font Color};
  42.                 font-family:{font:Body};
  43.                 font-size:11px;
  44.             }
  45.            
  46.             a, a:visited {
  47.                 color:{color:Link};
  48.             }
  49.            
  50.             a:hover {
  51.                 color:{color:Link Hover};
  52.                 background:{color:Link};
  53.                 text-decoration:none;
  54.             }
  55.            
  56.             pre {
  57.                 white-space:normal;
  58.                 background:rgba({rgbcolor:Link},0.1);
  59.                 padding:5px;
  60.             }
  61.            
  62.             blockquote {
  63.                 border-left:solid 3px {color:Link};
  64.                 margin-left:25px;
  65.                 padding-left:5px;
  66.             }
  67.            
  68.             .image_link:hover {
  69.                 background:transparent;
  70.                 border:0;
  71.             }
  72.            
  73.             #header {
  74.                 position:absolute;
  75.                 top:0;
  76.                 right:0;
  77.                 width:100%;
  78.                 height:250px;
  79.                 background-color:#000000;
  80.                 background-image:url({image:Header});
  81.                 background-position:center center;
  82.                 -webkit-box-shadow:inset 0px -50px 80px 20px rgba(0,0,0,1);
  83.                 -moz-box-shadow:inset 0px -50px 80px 20px rgba(0,0,0,1);
  84.                 box-shadow:inset 0px -50px 80px 20px rgba(0,0,0,1);
  85.             }
  86.            
  87.             #header #main_links {
  88.                 position:absolute;
  89.                 top:204px;
  90.                 height:25px;
  91.                 padding:10px 0px 10px 0px;
  92.                 font-family:Dosis;
  93.             }
  94.            
  95.             #header #main_links .main_link {
  96.                 font-size:20px;
  97.                 margin-right:10px;
  98.                 text-transform:uppercase;
  99.                 padding:10px;
  100.                 text-decoration:none;
  101.                 color:{color:Main Link};
  102.             }
  103.            
  104.             #header #main_links .main_link:hover {
  105.                 background:{color:Main Link};
  106.                 color:{color:Main Link Hover};
  107.             }
  108.            
  109.             #blog_body {
  110.                 margin:0 auto;
  111.                 margin-top:260px;
  112.                 margin-bottom:20px;
  113.                 display:block;
  114.                 width:800px;
  115.             }
  116.            
  117.             #blog_body #sidebar {
  118.                 width:250px;
  119.                 float:left;
  120.             }
  121.            
  122.             #blog_body #sidebar #blog_title {
  123.                 display:block;
  124.                 width:250px;
  125.                 margin-bottom:5px;
  126.                 text-align:center;
  127.                 text-transform:uppercase;
  128.                 font-size:25px;
  129.                 font-weight:500;
  130.                 font-family:Dosis;
  131.             }
  132.            
  133.             #blog_body #sidebar #sidebar_image {
  134.                 max-width:248px;
  135.                 border:1px #000 solid;
  136.                 display:block;
  137.                 margin-left:auto;
  138.                 margin-right:auto;
  139.                 margin-bottom:5px;
  140.             }
  141.            
  142.             #blog_body #sidebar #blog_desc {
  143.                 margin-bottom:5px;
  144.                 text-align:center;
  145.             }
  146.            
  147.             #blog_body #sidebar .page_link {
  148.                 display:block;
  149.                 width:250px;
  150.                 padding:5px 0px 5px 0px;
  151.                 text-decoration:none;
  152.                 font-size:12px;
  153.                 text-align:center;
  154.                 text-transform:uppercase;
  155.             }
  156.            
  157.             #blog_body #sidebar .page_link:hover {
  158.             }
  159.            
  160.             .divider {
  161.                 display:block;
  162.                 background:{color:Font Color};
  163.                 height:1px;
  164.             }
  165.            
  166.             #blog_body #blog_posts {
  167.                 width:522px;
  168.                 float:right;
  169.                 margin-top:10px;
  170.             }
  171.            
  172.             #blog_body #blog_posts .blog_post{
  173.                 width:500px;
  174.                 background:{color:Posts};
  175.                 padding:10px;
  176.                 margin-bottom:20px;
  177.             }
  178.            
  179.             #blog_body #blog_posts .blog_post img {
  180.                 max-width:100%;
  181.             }
  182.            
  183.             #blog_body #blog_posts .blog_post .image_post {
  184.                 display:block;
  185.                 margin-left:auto;
  186.                 margin-right:auto;
  187.             }
  188.            
  189.             #blog_body #blog_posts .blog_post .post_info {
  190.                 margin-bottom:5px;
  191.             }
  192.            
  193.             #blog_body #blog_posts .blog_post .post_info .post_date {
  194.                 display:inline-block;
  195.                 width:100%;
  196.                 text-transform:uppercase;
  197.                 text-align:center;
  198.             }
  199.            
  200.             #blog_body #blog_posts .blog_post .post_info .post_date a {
  201.                 text-decoration:none;
  202.             }
  203.            
  204.             #blog_body #blog_posts .blog_post .post_title, #blog_body #blog_posts .blog_post .post_quote, #blog_body #blog_posts .blog_post .question{
  205.                 font-size:20px;
  206.                 font-family:Dosis;
  207.                 text-transform:uppercase;
  208.                 text-align:center;
  209.                 font-weight:500;
  210.             }
  211.            
  212.             #blog_body #blog_posts .blog_post .post_link {
  213.                 display:block;
  214.                 font-size:20px;
  215.                 font-family:Dosis;
  216.                 text-transform:uppercase;
  217.                 text-align:center;
  218.                 padding:10px 0px;
  219.                 font-weight:500;
  220.             }
  221.            
  222.             #blog_body #blog_posts .blog_post .tag{
  223.                 display:inline-block;
  224.                 margin-right:10px;
  225.                 text-decoration:none;
  226.             }
  227.            
  228.             #blog_body #blog_posts .post_notes{
  229.                 width:500px;
  230.                 background:{color:Posts};
  231.                 padding:10px;
  232.                 margin-bottom:20px;
  233.             }
  234.            
  235.             #blog_body #blog_posts .post_notes ol.notes {
  236.                 padding:0;
  237.                 margin:0;
  238.                 list-style-type:none;
  239.             }
  240.            
  241.             #blog_body #blog_posts .post_notes ol.notes li.note {
  242.                 padding:0px 0px 5px 0px;
  243.             }
  244.            
  245.             #blog_body .prev_link {
  246.                 display:inline-block;
  247.                 width:45%;
  248.                 font-size:20px;
  249.                 text-transform:uppercase;
  250.                 font-family:Dosis;
  251.                 text-align:left;
  252.                 float:left;
  253.             }
  254.            
  255.             #blog_body .next_link {
  256.                 display:inline-block;
  257.                 width:45%;
  258.                 font-size:20px;
  259.                 text-transform:uppercase;
  260.                 font-family:Dosis;
  261.                 text-align:right;
  262.                 float:right;
  263.             }
  264.            
  265.         </style>
  266.     </head>
  267.    
  268.     <body>
  269.         <div id="header">
  270.             <div id="main_links"><a href="/" class="main_link">Home</a>{block:AskEnabled} <a href="/ask" class="main_link">Ask</a>{/block:AskEnabled}{block:SubmissionsEnabled} <a class="main_link" href="/submit">submit</a>{/block:SubmissionsEnabled} {block:IfShowRandomLink}<a class="main_link" href="/random">random</a>{/block:IfShowRandomLink} {block:IfShowArchiveLink}<a class="main_link" target="_blank" href="/archive">archive</a>{/block:IfShowArchiveLink} {block:IfShowRSSLink}<a href="/rss" class="main_link" target="_blank">rss</a>{/block:IfShowRSSLink} {block:IfShowMobileLink}<a href="/mobile" class="main_link">mobile</a>{/block:IfShowMobileLink}</div>
  271.         </div>
  272.        
  273.         <div id="blog_body">
  274.             <div id="sidebar">
  275.                 <span id="blog_title">{Title}</span>
  276.                 {block:IfSidebarImage}<img src="{image:Sidebar}" id="sidebar_image">{/block:IfSidebarImage}
  277.                 <div id="blog_desc">{Description}</div>
  278.                 {block:IfLink1URL}<a href={text:Link 1 URL} class="page_link" {Target}>{text:Link 1 Title}</a><span class="divider"> </span>{/block:IfLink1URL}
  279.                 {block:IfLink2URL}<a href={text:Link 2 URL} class="page_link" {Target}>{text:Link 2 Title}</a><span class="divider"> </span>{/block:IfLink2URL}
  280.                 {block:IfLink3URL}<a href={text:Link 3 URL} class="page_link" {Target}>{text:Link 3 Title}</a><span class="divider"> </span>{/block:IfLink3URL}
  281.                 {block:IfLink4URL}<a href={text:Link 4 URL} class="page_link" {Target}>{text:Link 4 Title}</a><span class="divider"> </span>{/block:IfLink4URL}
  282.                 {block:IfLink5URL}<a href={text:Link 5 URL} class="page_link" {Target}>{text:Link 5 Title}</a><span class="divider"> </span>{/block:IfLink5URL}
  283.                 {block:HasPages}{block:Pages}<a href="{URL}" class="page_link">{Label}</a><span class="divider"> </span>{/block:Pages}{/block:HasPages}
  284.                 <a href="http://heykayehey.tumblr.com/knightfalltheme" class="page_link" target="_blank">Theme</a><span class="divider"> </span>
  285.             </div>
  286.             <div id="blog_posts">
  287.                 {block:Posts}
  288.                 <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  289. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  290.                     <div class="blog_post">
  291.                        
  292.                         {block:Date}<div class="post_info"><span class="post_date">{Month} {DayOfMonth}, {Year} ▪ {TimeAgo}{block:RebloggedFrom} ▪ <a title="{ReblogParentTitle}" href="{ReblogParentURL}" target="_blank">via</a> ▪ <a title="{ReblogRootTitle}" href="{ReblogRootURL}" target="_blank">Source</a></span>{/block:RebloggedFrom} <span class="divider"> </span></div>{/block:Date}
  293.                        
  294.                         {block:Text}
  295.                             {block:Title}
  296.                                 <div class="post_title">{Title}</div>
  297.                             {/block:Title}
  298.                                 {Body}
  299.                         {/block:Text}
  300.                        
  301.                         {block:Photo}
  302.                             {block:HighRes}<a href="{PhotoURL-HighRes}" class="image_link" target="_blank">{/block:HighRes}{block:LinkURL}<a href="{LinkURL}" class="image_link" target="_blank">{/block:LinkURL}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="image_post">{block:LinkURL}</a>{/block:LinkURL}{block:HighRes}</a>{/block:HighRes}
  303.  
  304.                             {block:Caption}
  305.                                 <div class="post_caption">{Caption}</div>
  306.                             {/block:Caption}
  307.                         {/block:Photo}
  308.                        
  309.                         {block:Photoset}
  310.                             {Photoset-500}
  311.  
  312.                             {block:Caption}
  313.                                 <div class="post_caption">{Caption}</div>
  314.                             {/block:Caption}
  315.                         {/block:Photoset}
  316.                        
  317.                         {block:Quote}
  318.                             <div class="post_quote">"{Quote}"</div>
  319.                             {block:Source}
  320.                                 <div class="quote_source" style="text-align:right"><p>&mdash;{Source}</p></div>
  321.                             {/block:Source}
  322.                         {/block:Quote}
  323.  
  324.                         {block:Link}
  325.                             <a class="post_link" href="{URL}" target="_blank">{Name}</a>
  326.                             {block:Description}
  327.                                 <p>{Description}</p>
  328.                             {/block:Description}
  329.                         {/block:Link}
  330.                        
  331.                         {block:Chat}
  332.                             {block:Title}
  333.                                 <div class="post_title">{Title}</div>
  334.                             {/block:Title}
  335.                
  336.                             <p>{block:Lines}
  337.                                 <div class="lines">
  338.                                     <div class="line_{Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  339.                                 </div>
  340.                             {/block:Lines}</p>
  341.                         {/block:Chat}
  342.                        
  343.                         {block:Audio}
  344.                             {block:AudioEmbed}
  345.                                 {AudioEmbed-500}
  346.                             {/block:AudioEmbed}  
  347.                         {/block:Audio}
  348.                        
  349.                         {block:Video}
  350.                             {VideoEmbed-500}
  351.  
  352.                             {block:Caption}
  353.                                 <div class="post_caption"><p>{Caption}</p></div>
  354.                             {/block:Caption}
  355.                         {/block:Video}
  356.                        
  357.                         {block:Answer}
  358.                             <div class="question">
  359.                                 {Question}
  360.                             </div>
  361.                             <div class="asker" style="text-align:right">&mdash;{Asker}</div>    
  362.                             {Answer}
  363.                         {/block:Answer}
  364.                        
  365.                        
  366.                         {block:Date}<p style="margin-bottom:0;text-align:center"><span class="divider"></span>{block:NoteCount}{NoteCountWithLabel} ▪ {/block:NoteCount}<a href="{ReblogURL}" target="_blank">REBLOG</a> ▪ <a href="{Permalink}">Permalink</a> ▪ Short URL: <a href="{ShortURL}" target="_blank">{ShortURL}</a></p>{/block:Date}
  367.                        
  368.                         {block:HasTags}<p style="margin-bottom:0">{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a>{/block:Tags}</p>{/block:HasTags}
  369.                     </div>
  370.                     {block:PermalinkPage} <div class="post_notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  371.                 {/block:Posts}
  372.                 {block:Pagination}
  373.                 <div class="prev_link">{block:PreviousPage}<< <a href="{PreviousPage}">Previous</a>{/block:PreviousPage}</div>
  374.                 {block:NextPage}<div class="next_link"><a href="{NextPage}">Next</a> >></div>{/block:NextPage}
  375.                 <div style="clear:both"></div>
  376.                 {/block:Pagination}
  377.             </div>
  378.             <div style="clear:both"></div>
  379.         </div>
  380.     </body>
  381. </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!