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

Naivety Theme

By: innersenshi on Jun 13th, 2012  |  syntax: None  |  size: 9.49 KB  |  hits: 99  |  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 01 (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.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11. <title>{Title}{block:PostTitle} // {PostTitle}{/block:PostTitle}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <link rel="shortcut icon" href="{Favicon}" />
  14.  
  15. <meta name="color:Title" content="e7559a">
  16. <meta name="color:Background" content="#fbfcd3" />
  17. <meta name="color:Link" content="#e7559a">
  18. <meta name="color:Side" content="#666">
  19. <meta name="color:Post Text" content="#666">
  20. <meta name="image:Background" content="http://media.tumblr.com/tumblr_m5kdfyjtci1rr7csu.png"/>
  21. <meta name="image:Sidebar" content="http://media.tumblr.com/tumblr_m5kdgxxLuc1rr7csu.png"/>
  22. <meta name="if:Caption" content="0"/>
  23. <meta name="if:Extra Links" content="1">
  24. <meta name="if:Show Tags" content="1">
  25. <meta name="text:Link 1 Title" content="LINK 1">
  26. <meta name="text:Link 1" content="">
  27. <meta name="text:Link 2 Title" content="LINK 2">
  28. <meta name="text:Link 2" content="">
  29. <meta name="text:Link 3 Title" content="LINK 3">
  30. <meta name="text:Link 3" content="">
  31. <meta name="text:Link 4 Title" content="LINK 4">
  32. <meta name="text:Link 4" content="">
  33.  
  34. </head>
  35.  
  36. <style type="text/css">
  37.  
  38. body {
  39.     font-family:arial;
  40.     font-size:11px;
  41.     background-color:{color:Background};
  42.     background-image:url('{image:Background}');
  43.     background-position: fixed;
  44.     background-attachment:fixed;
  45.     background-repeat:repeat;
  46. }
  47.  
  48.  
  49.  
  50. #title {
  51.     text-transform: uppercase;
  52.     text-decoration:none;
  53.     font-style:italic;
  54.     font-size:14px;
  55.     text-align:right;
  56.     letter-spacing:1px;
  57.     line-height:13px;
  58.     border-top: dotted #eaeaea 1px;
  59.     font-family:Consolas, Geneva, Arial, Helvetica, sans-serif;
  60.     color:{color:Title};
  61. }
  62.  
  63. #title a {
  64.     color:{color:Title};
  65.     text-decoration:none;
  66. }
  67.  
  68.  
  69.  
  70.  
  71. #post {
  72.     width: 500px;
  73.     padding:3px;
  74.     margin-left:300px!important;
  75.     margin:5px;
  76.     font: 10px Consolas, Arial, Helvetica, sans-serif;
  77.     color: {color:post text};
  78.     background: #fff;
  79. }
  80.  
  81.  
  82. #post a {
  83.     color: {color:Link};
  84.     text-decoration:none;
  85. }
  86.  
  87.  
  88.  
  89.  
  90. .copy blockquote {
  91.     margin: 10px 0px 10px 25px;
  92.     padding-left: 10px;
  93.     border-left: solid 4px #ddd;
  94. }
  95.                            
  96. .copy blockquote blockquote {
  97.     border-left: solid 4px #cccccc;
  98. }
  99.  
  100. #emily {
  101.     font: italic 14px Consolas, Geneva, Arial, Helvetica, sans-serif;
  102.     text-align: right;
  103.     text-transform:uppercase;
  104.     line-height:13px;
  105. }
  106.  
  107.  
  108. #emily a {
  109.     color: {color:Link};
  110.     text-decoration: none;
  111. }
  112.  
  113.  
  114. #quote {
  115.     font: italic 14px Consolas, Geneva, Arial, Helvetica, sans-serif;
  116.     text-align: right;
  117.     display: block;
  118.     text-transform:uppercase;
  119. }
  120.  
  121.  
  122. #audio {
  123.     background: #e3e3e3;
  124.     width: 500px;
  125.     display: block;
  126. }
  127.  
  128. #ainfo {
  129.     text-align: center;
  130.     padding:3px;
  131.     font: 11px;
  132. }
  133.  
  134.  
  135. #sidebar {
  136.     width:200px;
  137.     left: 50px;
  138.     top: 30px;
  139.     padding:3px;
  140.     position:fixed;
  141.     background-color:#fff;
  142.     color: {color:Side};
  143. }
  144.  
  145. #sidelinks {
  146.     width:200px;
  147.     background-color: #eee;
  148.     margin-bottom: 3px;
  149.     text-align:center;
  150.     color: #fff;
  151.     text-transform: uppercase;
  152. }
  153.  
  154. #sidelinks a {
  155.     color:{color:Side};
  156.     text-decoration: none;
  157. }
  158.    
  159.  
  160. #description {
  161.     font-size:9px;
  162.     line-height:10px;
  163.     padding: 3px;
  164.     background: #eee;
  165.     text-transform:uppercase;
  166.     color:{color:Side};
  167.     font-family: Consolas, Geneva, Arial, Helvetica, sans-serif;
  168. }
  169.  
  170.  
  171. #description a {
  172.     color: {color:Link};
  173.     text-decoration: none;
  174. }
  175.  
  176. #sideimg {
  177.     width:200px;
  178.     -webkit-border-radius: 10px;
  179.     -moz-border-radius: 10px;
  180.     border-radius: 10px;
  181.     margin-bottom:3px;
  182. }
  183.  
  184.  
  185. #pagination {
  186.     width: 60px;
  187.     margin-bottom: 0px;
  188.     left: 625px;
  189.     text-align: center;
  190.     padding: 3px;
  191.     background: #fff;
  192.     position:absolute;
  193. }
  194.  
  195. #pagination a {
  196.     color: #000;
  197.     text-decoration: none;
  198. }
  199.  
  200. #pagination a:hover {
  201.     color: #666;
  202. }
  203.  
  204.  
  205. #permalink {
  206.     background-color:#fff;
  207.     position:absolute;
  208.     height:auto;
  209.     text-align:right;
  210.     margin-left:448px;
  211.     padding:3px;
  212.     padding-right:6px;
  213.     width: 45px;
  214.     z-index:998;
  215.     opacity:0; -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  216.    
  217.  
  218.    
  219. #post:hover #permalink {
  220.     opacity:1;
  221.     filter: alpha (opacity=9)-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  222.    
  223.  
  224.  
  225. #tags {
  226.     font:9px;
  227.     padding:3px;
  228.     margin-top:1px;
  229.     background:#eee;}
  230.  
  231. #notecontainer {
  232.     margin: 20px auto;
  233.     width: 500px;
  234.     font-size: 11px;
  235. }
  236.  
  237. #notecontainer ol.notes {
  238.     list-style-type: none;
  239.     margin: 0;
  240.     padding-top: 1px;
  241. }
  242.  
  243. #notecontainer img.avatar {
  244.     margin-right: 10px;
  245.     width: 16px;
  246.     height: 16px;
  247. }
  248.  
  249. #bri {
  250.     background:#eee;
  251.     width:494px;
  252.     padding:3px;
  253. }
  254.  
  255.  
  256.  
  257. </style>
  258.  
  259.   <body>
  260.        <div id="sidebar">
  261.            
  262.            <div id="sidelinks"><a href="/">index</a> | <a href="/ask">message</a> | <a href="/archive">archive</a> | <a href="http://innersenshi.tumblr.com">theme</a></div>
  263.             <div id="sideimg"><a href="/"><img src="{image:Sidebar}" width="200px"/></a></div>
  264.             {block:IfExtraLinks}<form>
  265. <select onChange="location=this.options[this.selectedIndex].value;" style="font-family:'Arial';color:#000000;background-color:#fff;font-size:9px;width:200px; height:14px; text-transform: uppercase; letter-spacing:3px;">
  266. <option value="/">extra links</option>
  267. <option value="{text:Link 1}">{text:Link 1 Title}</option>
  268. <option value="{text:Link 2}">{text:Link 2 Title}</option>
  269. <option value="{text:Link 3}">{text:Link 3 Title}</option>
  270. <option value="{text:Link 4}">{text:Link 4 Title}</option>
  271. </select>
  272. </form>{/block:IfExtraLinks}
  273.        
  274.                 <div id="description">{Description}</div>
  275.                 <div id="title"><a href="/">{Title}</a></div></div>
  276.            
  277.        
  278.  
  279.     {block:Posts}
  280.    
  281.    
  282.    
  283.     <div id="post">
  284.          <div id="permalink">{12Hour}:{Minutes}{AmPm}<br><a href="{Permalink}">{NoteCount}</a></br></div>
  285.          
  286.          
  287.          {block:Text}
  288.          {block:Title}<div id="emily">{Title}</div>{/block:Title}
  289.          <div class="copy">{Body}</div>
  290.          {/block:Text}
  291.          
  292.          {block:Photo}
  293.          <a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>
  294.          {block:IfCaption}<div class="copy">{Caption}</div>{/block:ifCaption}
  295.          {/block:Photo}
  296.          
  297.          {block:Photoset}
  298.          {Photoset-500}
  299.          {block:IfCaption}<div class="copy">{Caption}</div>{/block:ifCaption}
  300.          {/block:Photoset}
  301.          
  302.          {block:Quote}
  303.          <div id="quote">{Quote}</div>
  304.          {block:Source}<div align="right">- {Source}</div>{/block:Source}
  305.          {/block:Quote}
  306.          
  307.          {block:Link}
  308.          <div id="emily"><a href="{URL}" target="{Target}">{Name}</a></div>
  309.          {block:Description}{Description}{/block:Description}
  310.          {/block:Link}
  311.          
  312.          {block:Chat}
  313.          {block:Title}<div id="emily">{Title}</div>{/block:Title}
  314.          {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  315.          {/block:Chat}
  316.  
  317.          {block:Audio}
  318.          <div id="audio">{AudioPlayerGrey}</div><b><div id="ainfo">{block:Artist}
  319. {Artist}
  320. {/block:Artist} // {block:TrackName}
  321. {TrackName}</div></b>
  322. {/block:TrackName}
  323.          {/block:Audio}
  324.  
  325.          {block:Video}
  326.          {Video-500}
  327.          {block:IfCaption}<div class="copy">{Caption}</div>{/block:ifCaption}
  328.          {/block:Video}
  329.  
  330.          {block:Answer}
  331.          <div id="bri">{Asker} asked: <b>{Question}</b></div>
  332.          <p>{Answer}</p>
  333.          {/block:Answer}
  334.          
  335.          {block:IfShowTags}{block:HasTags}<div id="tags">
  336.          Tagged:{block:Tags}
  337.          <a href="{TagURL}">{Tag}</a>.
  338.          {/block:Tags}
  339.          </div>
  340.          {/block:HasTags}
  341.          {/block:IfShowTags}
  342.          
  343.          {block:PermalinkPage}
  344.          {block:IfNotCaption}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:IfNotCaption}
  345.          {block:IfNotShowTags}{block:HasTags}<div id="tags">Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a>.
  346.          {/block:Tags}
  347.          </div>
  348.          {/block:HasTags}
  349.          {/block:IfNotShowTags}
  350.          {block:ContentSource}<div id="tags">Source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  351.          {block:RebloggedFrom}// Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>.{/block:RebloggedFrom}</div>
  352.          {/block:PermalinkPage}
  353.          
  354.          {block:PostNotes}
  355.          <div id="notecontainer">{PostNotes}</div>
  356.          {/block:PostNotes}
  357.          
  358.          
  359.          
  360.          
  361.          </div>
  362.     {/block:Posts}
  363.    
  364.    
  365.          {block:Pagination}
  366.          <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage} {CurrentPage} / {TotalPages}
  367.          {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div>
  368.          {/block:Pagination}
  369.    
  370.     </body>
  371. </html>
create a new version of this paste RAW Paste Data