Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Elysium Theme

By: innersenshi on Jun 18th, 2012  |  syntax: None  |  size: 11.11 KB  |  hits: 79  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. Tumblr Theme 02 (c) by Taryn [http://innersenshi.tumblr.com]
  3. Please keep credit in place. Do not claim as yours. Slight editing is fine, but credit must stay in place, thank you.
  4. -->
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <title>{Title}{block:PostTitle} // {PostTitle}{/block:PostTitle}</title>
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12. <link rel="shortcut icon" href="{Favicon}" />
  13.  
  14. <meta name="image:Side Photo" content="http://media.tumblr.com/tumblr_m5uatlNFOD1rr7csu.jpg"/>
  15. <meta name="image:Background" content=""/>
  16.  
  17. <meta name="color:Background" content="#000"/>
  18. <meta name="color:Text" content="#fff"/>
  19. <meta name="color:Side Links BG" content="#fff"/>
  20. <meta name="color:Side Links" conent="#000"/>
  21. <meta name="color:Links" content="#af3c3c"/>
  22. <meta name="color:Post Background" content="#000">
  23.  
  24. <meta name="if:Post Background" content="0"/>
  25. <meta name="if:Smaller Posts" content="1">
  26. <meta name="if:Bigger Posts" content="0">
  27. <meta name="if:Show Tags" content="1"/>
  28. <meta name="if:Caption" content="1"/>
  29. <meta name="if:Link One" content="1">
  30. <meta name="if:Link Two" content="1">
  31. <meta name="if:Link Three" content="1">
  32. <meta name="if:Link Four" content="0">
  33.  
  34. <meta name="text:Link 1 Title" content="LINK 1">
  35. <meta name="text:Link 1" content="">
  36. <meta name="text:Link 2 Title" content="LINK 2">
  37. <meta name="text:Link 2" content="">
  38. <meta name="text:Link 3 Title" content="LINK 3">
  39. <meta name="text:Link 3" content="">
  40. <meta name="text:Link 4 Title" content="LINK 4">
  41. <meta name="text:Link 4" content="">
  42.  
  43.  
  44.  
  45.  
  46. </head>
  47.  
  48.  
  49.  
  50.  
  51. <style type="text/css">
  52.  
  53. body {
  54.     font-family:Consolas, Geneva, Arial, Helvetica, sans-serif;
  55.     font-size:10px;
  56.     letter-spacing:1px;
  57.     background-color:{color:Background};
  58.     background-image:url('{image:Background}');
  59.     background-position: fixed;
  60.     background-attachment:fixed;
  61.     background-repeat:repeat;
  62. }
  63.  
  64. #sideimg {
  65.     left:100px;
  66.     top: 50px;
  67.     position:fixed;
  68. }
  69.  
  70. #sidepic {
  71.     max-width:300px;
  72.     height:300px;
  73.     border-radius:150px 150px 150px 150px;
  74. }
  75.    
  76. #desc {
  77.     width:200px;
  78.     left: 148px;
  79.     top: 375px;
  80.     position: fixed;
  81.     color: {color:Text};
  82.     text-align:center;
  83.     font-size:10px;
  84.     letter-spacing: 1px;
  85. }
  86.  
  87. #desc a {
  88.     text-decoration:none;
  89.     color:{color:Links};
  90. }
  91.  
  92. #sidelinks a {
  93.     width: 60px;
  94.     background: {color:Side Links BG};
  95.     color: {color:Side Links};
  96.     margin-top: 15px;
  97.     margin-left: 70px;
  98.     text-align:center;
  99.     padding: 2px;
  100.     display:block;
  101.     text-transform:uppercase;
  102.     text-decoration: none;
  103. }
  104.  
  105. #post {
  106.     margin-left: 500px!important;
  107.     margin-top: 30px!important;
  108.     margin: 5px;
  109.     {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  110.     {block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
  111.     background:{block:ifPostBackground}{color:Post Background}{/block:ifPostBackground};
  112.     color:{color:Text};
  113.     padding: 4px;
  114. }
  115.  
  116. #post a {
  117.     color: {color:Links};
  118.     text-decoration:none;
  119. }
  120.  
  121. .nami {
  122.     color: {color:Text};
  123.     padding-top: 4px;
  124.     font-size: 10px;
  125. }
  126.  
  127. .nami a {
  128.     color: {color:Links};
  129.     text-decoration: underline;
  130. }
  131.                        
  132. .nami p {
  133.     margin: 10px 0 0 0;
  134.     padding: 0;
  135. }
  136.                        
  137. .nami pre {
  138.     margin: 10px 0px 10px 0px;
  139.     padding: 10px;
  140.     background-color: #e6e6e6;
  141.     font: normal 11px Courier, monospace;
  142.     overflow: hidden;
  143. }
  144.                        
  145. .nami > p:first-child {
  146.     margin-top: 0;
  147. }
  148.                        
  149. .nami img {
  150.     max-width: 100%;
  151. }
  152.  
  153. .nami blockquote {
  154.     margin: 10px 0px 10px 25px;
  155.     padding-left: 10px;
  156.     border-left: solid 4px #666;
  157. }
  158.  
  159. #quote {
  160.     font-size: 14px;
  161.     line-height:13px;
  162.     font-style:italic;
  163.     font-weight:bold;
  164.     padding:0px 2px 0px 2px;
  165. }
  166.  
  167. #luffy {
  168.     font-size: 14px;
  169.     line-height:13px;
  170.     font-weight:bold;
  171.     text-align: center;
  172.     font-style: italic;
  173.     padding-bottom:2px;
  174. }
  175.  
  176. #audio {
  177.     background: #000;
  178.     {block:IfSmallerPosts}width: 400px;{/block:IfSmallerPosts}
  179.     {block:IfBiggerPosts}width: 500px;{/block:IfBiggerPosts}
  180.     display: block;
  181.     padding-pottom:1px;
  182. }
  183.  
  184. #zoro {
  185.     text-align: center;
  186.     padding:3px;
  187.     padding-bottom:0px;
  188.     font: 11px;
  189. }
  190.  
  191. #usopp {
  192.     font-weight:bold;
  193.     color:{color:Links};
  194.     font-size: 12px;
  195.     text-align:right;
  196. }
  197.  
  198. #sanji {
  199.     color:{color:Font};
  200.     font-size:12px;
  201.     font-weight:bold;
  202.     border-bottom: dotted 1px {color:Text};
  203. }
  204.  
  205. #permalink {
  206.     position:absolute;
  207.     height:auto;
  208.     margin-left:{block:IfSmallerPosts}408px{/block:IfSmallerPosts}{block:IfBiggerPosts}508px{/block:IfBiggerPosts};
  209.     padding:3px;
  210.     color:{color:Text};
  211.     z-index:998;
  212.     width:70px;
  213.     opacity:0; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  214.     display:block;
  215. }
  216.    
  217. #post:hover #permalink {
  218.     opacity:1;
  219.     filter: alpha (opacity=9)-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  220. }
  221.  
  222. #permapage {
  223.     position:absolute;
  224.     height:auto;
  225.     margin-left:{block:IfSmallerPosts}408px{/block:IfSmallerPosts}{block:IfBiggerPosts}508px{/block:IfBiggerPosts};
  226.     padding:3px;
  227.     color:{color:Text};
  228.     z-index:998;
  229.     width:70px;
  230. }
  231.  
  232. #chopper {
  233.     padding-top:2px;
  234.     padding-bottom:2px;
  235.     border-top:dotted 1px {color:Text};
  236.     border-bottom:dotted 1px {color:Text};
  237. }
  238.  
  239. #notecontainer {
  240.     margin: 10px auto;
  241.     width: {block:IfSmallerPosts}400px{/block:IfSmallerPosts}{block:IfBiggerPosts}500px{/block:IfBiggerPosts};
  242.     font-size: 11px;
  243. }
  244.  
  245. #notecontainer ol.notes {
  246.     list-style-type: none;
  247.     margin: 0;
  248.     padding-top: 1px;
  249. }
  250.  
  251. #notecontainer img.avatar {
  252.     margin-right: 8px;
  253.     width: 16px;
  254.     height: 16px;
  255. }
  256.  
  257. #robin {
  258.     width: 60px;
  259.     bottom: 25px;
  260.     left: 218px;
  261.     text-align: center;
  262.     padding: 2px;
  263.     position:fixed;
  264.     color:{color:Text};
  265. }
  266.  
  267. #robin a {
  268.     color: {color:Text};
  269.     text-decoration: none;
  270. }
  271.  
  272. #robin a:hover {
  273.     color: #666;
  274. }
  275.    
  276.    
  277.    
  278.  
  279. </style>
  280.  
  281. <body>
  282.    <div id="sideimg"><a href="/"><img id="sidepic" title="{Title}" src="{image:Side Photo}"></a></div>
  283.        <div id="desc">{Description}
  284.            <div id="sidelinks"><a href="/ask">message</a></div>
  285.            <div id="sidelinks"><a href="/archive">archive</a></div>
  286.            <div id="sidelinks"><a href="http://innersenshi.tumblr.com">theme</a></div>
  287.            {block:IfLinkOne}<div id="sidelinks"><a href="{text:Link 1}">{text:Link 1 Title}</a></div>{/block:IfLinkOne}
  288.            {block:IfLinkTwo}<div id="sidelinks"><a href="{text:Link 2}">{text:Link 2 Title}</a></div>{/block:IfLinkTwo}
  289.            {block:IfLinkThree}<div id="sidelinks"><a href="{text:Link 3}">{text:Link 3 Title}</a></div>{/block:IfLinkThree}
  290.            {block:IfLinkFour}<div id="sidelinks"><a href="{text:Link 4}">{text:Link 4 Title}</a></div>{/block:IfLinkFour}
  291.        </div>
  292.        
  293.        {block:Posts}
  294.           <div id="post">
  295.              {block:IndexPage}<div id="permalink"><a href="{Permalink}">{NoteCount}</a><br>
  296.              {block:IfShowTags}{block:HasTags}
  297.              {block:Tags}
  298.              #<a href="{TagURL}">{Tag}</a>
  299.              {/block:Tags}
  300.              {/block:HasTags}
  301.              {/block:IfShowTags}</div>{/block:IndexPage}
  302.              
  303.              {block:PermalinkPage}
  304.          <div id="permapage"><a href="{Permalink}">{NoteCount}</a><br>
  305.              {block:IfShowTags}{block:HasTags}
  306.              {block:Tags}
  307.              #<a href="{TagURL}">{Tag}</a>
  308.              {/block:Tags}
  309.              {/block:HasTags}
  310.              {/block:IfShowTags}</div>
  311.          {/block:PermalinkPage}
  312.              
  313.              
  314.              {block:Text}
  315.              {block:Title}<div id="luffy">{Title}</div>{/block:Title}
  316.              <div class="nami">{Body}</div>
  317.              {/block:Text}  
  318.              
  319.              {block:Photo}
  320.              {block:IfSmallerPosts}<a href="{Permalink}"><img src="{PhotoURL-400}" border="0" width="400px"/></a>{/block:IfSmallerPosts}
  321.              {block:IfBiggerPosts}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/block:IfBiggerPosts}
  322.              {block:IfCaption}<div class="nami">{Caption}</div>{/block:ifCaption}
  323.              {/block:Photo}
  324.              
  325.              {block:Photoset}
  326.              {block:IfSmallerPosts}{Photoset-400}{/block:IfSmallerPosts}
  327.              {block:IfBiggerPosts}{Photoset-500}{/block:IfBiggerPosts}
  328.              {block:IfCaption}<div class="nami">{Caption}</div>{/block:ifCaption}
  329.              {/block:Photoset}
  330.              
  331.              {block:Quote}
  332.              <div id="quote">{Quote}</div>
  333.              {block:Source}<div align="right">- {Source}</div>{/block:Source}
  334.              {/block:Quote}
  335.              
  336.              {block:Link}
  337.              <div id="luffy"><a href="{URL}" target="{Target}">{Name}</a></div>{block:Description}<div class="nami">{Description}</div>{/block:Description}
  338.              {/block:Link}
  339.              
  340.              {block:Chat}
  341.              {block:Title}<div id="luffy">{Title}</div>{/block:Title}
  342.              {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  343.              {/block:Chat}
  344.              
  345.              {block:Audio}
  346.          <div id="audio">{AudioPlayerBlack}</div><b><div id="zoro">{block:Artist}{Artist}{/block:Artist} // {block:TrackName}{TrackName}</div></b>{/block:TrackName}
  347.          {/block:Audio}
  348.          
  349.        
  350.          {block:Video}
  351.          {block:IfSmallerPosts}{Video-400}{/block:IfSmallerPosts}
  352.          {block:IfBiggerPosts}{Video-500{/block:IfBiggerPosts}
  353.          {block:IfCaption}<div class="nami">{Caption}</div>{/block:ifCaption}
  354.          {/block:Video}
  355.          
  356.          {block:Answer}
  357.          <div id="sanji">{Question}</div>
  358.          <div id="usopp">asked by {Asker}</div>
  359.          <p>{Answer}</p>
  360.          {/block:Answer}
  361.  
  362.  
  363.          {block:PermalinkPage}
  364.          {block:IfNotCaption}{block:Caption}<div class="nami">{Caption}</div>{/block:Caption}{/block:IfNotCaption}
  365.          <div id="chopper">Posted on {Month} {DayOfMonth}, {Year}.<br>
  366.          {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  367.          {block:ContentSource} (Originally from <a href="{SourceURL}">{SourceTitle}</a>){/block:ContentSource}
  368.          </div>
  369.          {/block:PermalinkPage}
  370.          
  371.          
  372.          {block:PostNotes}
  373.          <div id="notecontainer">{PostNotes}</div>
  374.          {/block:PostNotes}
  375.        
  376.        
  377. </div>
  378. {/block:Posts}
  379.  
  380.          {block:Pagination}
  381.          <div id="robin">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage} {CurrentPage} / {TotalPages}
  382.          {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div>
  383.          {/block:Pagination}
  384.  
  385.  
  386.  
  387.    </body>
  388. </html>
create a new version of this paste RAW Paste Data