API tools faq
paste
Advertisement
elyse

theme: simple

elyse
Aug 30th, 2012
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.     <head>
  4.    
  5.     <!-- theme made by riyun.tumblr.com, please do not steal or claim this theme as your own and do not remove this comment, thanks <3
  6.  
  7.      sidebar images were drawn by fraekugel.tumblr.com
  8.       -->
  9.    
  10.     <title>{Title}</title>
  11.     <link rel="shortcut icon" href="{Favicon}">
  12.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.        
  15.     <meta name="color:background" content="#fff" />
  16.     <meta name="color:description background" content="#fff" />
  17.     <meta name="color:description text" content="#000000" />
  18.     <meta name="color:description link color" content="#007bef" />
  19.     <meta name="color:description link hover" content="#d6191f" />
  20.     <meta name="color:selection color" content="#fff" />
  21.     <meta name="color:selection background" content="#000" />
  22.    
  23.     <meta name="color:first entry text" content="#d6191f" />
  24.     <meta name="color:first entry text shadow" content="#c0c0c0">
  25.     <meta name="color:first entry link color" content="#000000" />
  26.     <meta name="color:first entry link hover" content="#d6191f" />
  27.     <meta name="color:first entry background" content="#fff">
  28.     <meta name="color:first entry border" content="#d6191f" />
  29.    
  30.     <meta name="color:second entry text" content="#007bef" />
  31.     <meta name="color:second entry text shadow" content="#c0c0c0" />
  32.     <meta name="color:second entry link color" content="#000000" />
  33.     <meta name="color:second entry link hover" content="#007bef" />
  34.     <meta name="color:second entry background" content="#fff" />
  35.     <meta name="color:second entry border" content="#007bef" />
  36.    
  37.     <meta name="image:background" content="" />
  38.     <meta name="image:left side" content="http://25.media.tumblr.com/tumblr_m9k1qfIo1m1ruxm6uo1_500.png" />
  39.     <meta name="image:right side" content="http://25.media.tumblr.com/tumblr_m9k1qfIo1m1ruxm6uo2_r1_500.png" />
  40.    
  41.     <meta name="font:entries" content="georgia" />
  42.    
  43.     <meta name="text:space" content="20" />
  44.    
  45.     <meta name="if:show audio player black" content="0" />
  46.     <meta name="if:show post shadow" content="1" />
  47.     <meta name="if:show tags" content="1" />
  48.     <meta name="if:big posts" content="0" />
  49.     <meta name="if:medium posts" content="1" />
  50.     <meta name="if:larger sidebars" content="0" />
  51.        
  52.  
  53. <style type="text/css">
  54.    
  55. iframe#tumblr_controls{position:fixed !important;}
  56.  
  57. ::-moz-selection{
  58.     background: {color:selection background};
  59.     color: {color:selection color};
  60. }
  61.  
  62. ::selection{
  63.     background: {color:selection background};
  64.     color: {color:selection color};
  65. }
  66.  
  67. body {
  68.     background: {color:background} url('{image:background}') no-repeat top left fixed;
  69.     color: {color:description text};
  70.     word-wrap: break-word;
  71. }
  72.        
  73. a {
  74.     color: {color:description link color};
  75.     text-decoration: none;
  76.     -webkit-transition: all 1s ease;
  77.     -moz-transition: all 1s ease;
  78.     -o-transition: all 1s ease;
  79. }
  80.  
  81. a:hover { color: {color:description link hover}; }
  82.  
  83. blockquote {
  84.     border-left: 3px solid {color:description text};
  85.     margin: 10px;
  86.     margin-right: 0;
  87.     padding: 0;
  88.     padding-left: 7px;
  89.     overflow: auto;
  90. }
  91.  
  92. blockquote p:first-child { margin-top: 0; }
  93. blockquote p:last-child { margin-bottom: 0; }
  94.  
  95. ul { list-style-type: circle; }
  96.    
  97. #content {
  98.     width: 920px;
  99.     margin: 0 auto;
  100. }
  101.    
  102. #left {
  103.     background: url('{image:left side}') left bottom no-repeat;
  104.     width: 460px;
  105.     height: 100%;
  106.     position: fixed;
  107.     bottom: 0;
  108.     z-index: -1;
  109. }
  110.  
  111. #right {
  112.     background: url('{image:right side}') right bottom no-repeat;
  113.     width: 460px;
  114.     height: 100%;
  115.     position: fixed;
  116.     bottom: 0;
  117.     margin-left: 460px;
  118.     z-index: -1;
  119. }
  120.  
  121. .action {
  122.     padding: 1px 3px 1px 3px;
  123. }
  124.  
  125. .post {
  126.     {block:ifmediumposts}width: 400px;{/block:ifmediumposts}
  127.     {block:ifbigposts}width: 500px;{/block:ifbigposts}
  128.     font-family: {font:entries}, serif;
  129.     font-size: 0.9em;
  130.     {block:ifmediumposts}margin: {text:space}px 250px 0 250px; {/block:ifmediumposts}
  131.     {block:ifbigposts}margin: {text:space}px 200px 0 200px;{/block:ifbigposts}
  132. }
  133.  
  134. .odd, .even {
  135.     padding: 10px;
  136.     overflow: auto;
  137.  
  138.     {block:ifshowpostshadow}
  139.     -moz-box-shadow: 5px 5px 5px #c0c0c0;
  140.     -webkit-box-shadow: 5px 5px 5px #c0c0c0;
  141.     box-shadow: 5px 5px 5px #c0c0c0;
  142.     {/block:ifshowpostshadow}
  143. }
  144.  
  145. .even a:hover {
  146.     color: {color:second entry link hover};
  147.     text-shadow: -2px -2px 3px {color:second entry text shadow};
  148. }
  149.  
  150. .even {
  151.     background: {color:second entry background};
  152.     color: {color:second entry text};
  153.     border: 1px solid {color:second entry border};
  154.     text-shadow: 2px 2px 3px {color:second entry text shadow};
  155. }
  156.  
  157. .even a { color: {color:second entry link color}; }
  158.  
  159. .even blockquote {
  160.     border-left: 3px solid {color:second entry text};
  161. }
  162.  
  163. .even ol { list-style-type: lower-greek; }
  164.  
  165. .odd {
  166.     background: {color:first entry background};
  167. color: {color:first entry text};
  168.     border: 1px solid {color:first entry border};
  169.     text-shadow: 2px 2px 3px {color:first entry text shadow};
  170. }
  171.    
  172. .odd a { color: {color:first entry link color}; }
  173.  
  174. .odd a:hover {
  175.     color: {color:first entry link hover};
  176.     text-shadow: -2px -2px 3px {color:first entry text shadow};
  177. }
  178. .odd blockquote {
  179.     border-left: 3px solid {color:first entry text};
  180. }
  181.  
  182. .odd ol {list-style-type: hebrew; }
  183.  
  184. .postinfo {
  185.     min-height: 16px;
  186.     font-size: 0.8em;
  187.     margin-top: 10px;
  188.     padding-top: 5px;
  189. }
  190.  
  191. .odd .postinfo {
  192.     border-top: 1px solid {color:first entry border};
  193.     text-shadow: 2px 2px 3px {color:first entry text shadow};
  194. }
  195.  
  196. .even .postinfo {
  197.     border-top: 1px solid {color:second entry border};
  198.     text-shadow: 2px 2px 3px {color:second entry text shadow};
  199. }
  200.  
  201. .prev { color: {color:first entry link color}; }
  202.  
  203. .prev:hover { color: {color:second entry link hover}; }
  204.  
  205. .next { color: {color:second entry link color}; }
  206.  
  207. .next:hover { color: {color:first entry link hover}; }
  208.  
  209. #notes ol { padding: 5px; list-style-type: none; }
  210. ol.notes li.note img.avatar {  width: 16px;  height: 16px;  }
  211.  
  212. {block:iflargersidebars}
  213. #content { width: 100%;  }
  214. #left { width:50%;left:0;margin-right:50%;}
  215. #right{ width: 50%;right:0;margin-left:50%;}
  216. #sidebar, .post  { margin: 0 auto; margin-top: {text:space}px; }
  217. {/block:iflargersidebars}
  218.  
  219. {CustomCSS}
  220.  
  221. </style>
  222.  
  223.     </head>
  224.  
  225.     <body>
  226.  
  227.         <div id="content">
  228.        
  229.             <div id="left"></div>
  230.             <div id="right"></div>
  231.  
  232.             <div class="post" style="background: {color:description background}; top: 0; margin-top: 0; padding: 10px; padding-left: 10px; border: 1px solid {color:description text};">
  233.            
  234.                 <center><h1 style="font-size: 1.5em; margin: 0; padding:0; border-bottom: 4px double {color:description link hover};"><a href="/">{Title}</a></h1></center>
  235.                
  236.                     <div style="color: georgia; font-size: 0.8em;">{Description}</div>
  237.                
  238.                     <div style="text-align: center; font-size: 0.9em;"><a href="/" class="action">home</a>
  239.                     {block:AskEnabled} | <a href="/ask" class="action">{AskLabel}</a>{/block:AskEnabled}
  240.                     {block:SubmissionsEnabled} | <a href="/submit" class="action">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  241.                 | <a href="/archive" class="action">archive</a>
  242.  
  243.                 {block:HasPages}
  244.                     {block:Pages}
  245.                          | <a href="{URL}" class="action">{Label}</a>
  246.                     {/block:Pages}
  247.                 {/block:HasPages}
  248.                 </div>
  249.                
  250.             </div>
  251.            
  252.             {block:Posts}
  253.  
  254.             <div class="{block:Even}even{/block:Even} {block:Odd}odd{/block:Odd} post">
  255.    
  256.                 {block:Text}
  257.                     {block:Title}<span style="font-size: 1.4em; border-bottom: 1px dashed; display:block;"><a href="{permalink}">{Title}</a></span>{/block:Title}
  258.                     {Body}
  259.                 {/block:Text}
  260.  
  261.                 {block:Photo}
  262.                     <center>{LinkOpenTag}
  263.                     <img src="{block:ifmediumposts}{PhotoURL-400}{/block:ifmediumposts}{block:ifbigposts}{PhotoURL-500}{/block:ifbigposts}" />
  264.                     {LinkCloseTag}</center>
  265.                    
  266.                     {block:Caption}{Caption}{/block:Caption}
  267.                 {/block:Photo}
  268.  
  269.                 {block:Photoset}
  270.                     <center>
  271.                     {block:ifmediumposts}{Photoset-400}{/block:ifmediumposts}
  272.                     {block:ifbigposts}{Photoset-500}{/block:ifbigposts}
  273.                     </center>
  274.                    
  275.                     {block:Caption}{Caption}{/block:Caption}
  276.                 {/block:Photoset}
  277.  
  278.                 {block:Quote}
  279.                     <span style="font-family: georgia, times, serif; font-size: 1.5em; font-style: italic;">{Quote}</span>
  280.                     {block:Source}<h4 style="letter-spacing: -1px;"> — {Source}</h4>{/block:Source}
  281.                 {/block:Quote}
  282.  
  283.                 {block:Link}
  284.                     <span style="font-size: 1.8em; border-bottom: 1px solid; display:block;"><center><a href="{URL}" {Target}>{Name}</a></center></span>
  285.                     {block:Description}{Description}{/block:Description}
  286.                 {/block:Link}
  287.  
  288.                 {block:Chat}
  289.                     {block:Title}<span style="font-size: 1.4em; border-bottom: 1px dashed; display:block;"><a href="{permalink}">{Title}</a></span>{/block:Title}
  290.                     {block:Lines}<span class="{block:Even}even{/block:Even} {block:Odd}odd{/block:Odd}" style="border: 1px solid; margin-top: -1px; padding: 3px; display:block;">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></span>{/block:Lines}
  291.                 {/block:Chat}
  292.  
  293.                 {block:Audio}
  294.                     {block:ifnotshowaudioplayerblack}
  295.                     <div style="background: #fff; padding: 5px; border: 1px solid #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">{AudioPlayerwhite}</div>
  296.                     {/block:ifnotshowaudioplayerblack}
  297.                     {block:ifshowaudioplayerblack}
  298.                     <div style="background: #000; padding: 5px; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">{AudioPlayerblack}</div>{/block:ifshowaudioplayerblack}
  299.  
  300.                     {block:Caption}{Caption}{/block:Caption}
  301.                 {/block:Audio}
  302.  
  303.                 {block:Video}
  304.                     <center>
  305.                     {block:ifmediumposts}{Video-400}{/block:ifmediumposts}
  306.                     {block:ifbigposts}{Video-500}{/block:ifbigposts}
  307.                        
  308.                     </center>
  309.                     {block:Caption}{Caption}{/block:Caption}
  310.                 {/block:Video}
  311.  
  312.                 {block:Answer}
  313.                     {Asker}: {Question}
  314.                     <hr style="border: 0; border-bottom: 1px dashed {block:Even}{color:first entry border}{/block:Even} {block:Odd}{color:second entry border}{/block:Odd};">
  315.                     {Answer}
  316.                 {/block:Answer}
  317.  
  318.                 <div class="postinfo">
  319.                
  320.                 {block:indexpage}
  321.                 <div style="float: left;">
  322.                     {block:Date}
  323.                         <a href="{Permalink}">{timeago}</a>
  324.                     {/block:Date}
  325.                
  326.                     {block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  327.                     {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}</div>
  328.                 {/block:indexpage}
  329.                    
  330.                 {block:PermalinkPage}
  331.                    
  332.                     {block:Date}
  333.                         posted on {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} at {12Hour}:{Minutes} {AmPm}
  334.                     {/block:Date}
  335.                    
  336.                     {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> (orig. <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}
  337.                     {block:NoteCount}(<a href="{Permalink}">{NoteCountWithLabel}</a>){/block:NoteCount}
  338.  
  339.                 {/block:PermalinkPage}
  340.                
  341.                 {block:ifshowtags}
  342.                 {block:HasTags}
  343.                         <div style="{block:indexpage}text-align: right;{/block:indexpage}">{block:permalinkpage}<br />» {/block:permalinkpage}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
  344.                 {/block:HasTags}
  345.                 {/block:ifshowtags}
  346.                     <hr style="border: 1px solid {color:first entry border}; display: none; clear: both;">
  347.                 </div>
  348.  
  349.                 {block:PermalinkPage}
  350.                    
  351.                     {block:PostNotes}
  352.                     <div id="notes">
  353.                         {PostNotes}
  354.                     </div>    
  355.                     {/block:PostNotes}
  356.                    
  357.                 {/block:PermalinkPage} 
  358. </div>
  359.             {/block:Posts}
  360.  
  361.         </div>
  362.  
  363.         {block:Pagination}
  364.            
  365.                 {block:PreviousPage}<div style="position: fixed; font-size: 5em; top: 45%; left: 10px;"><a class="prev" href="{PreviousPage}"> « </a></div>{/block:PreviousPage}
  366.                 {block:NextPage}<div style="position: fixed; font-size: 5em; top: 45%; right: 10px;"><a class="next" href="{NextPage}">  » </a></div>{/block:NextPage}
  367.            
  368.         {/block:Pagination}
  369.        
  370.         <!-- DO NOT REMOVE THIS PART -->
  371.             <a class="next credit" title="art" style="position: fixed; bottom: 5px; background: transparent; left: 5px;width: 15px; font-size: 10px; padding: 3px; text-align: center;" href="http://fraekugel.tumblr.com/">F</a>
  372.             <a class="prev credit" title="theme" style="position: fixed; bottom: 5px; background: transparent; right: 5px;width: 15px; font-size: 10px; padding: 3px; text-align: center;" href="http://redpoem.tumblr.com/">T</a>
  373.         <!-- -->
  374.  
  375.     </body>
  376.  
  377. </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!