SHARE
TWEET

tumblr theme 017 revisited

beautifulfreaks13 Sep 5th, 2011 2,750 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 017 REVISTED (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: admin@ettudis.three-words.net]
  4. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  5. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  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">
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  12. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title></head>
  13. {block:Description}
  14. <head>
  15. <meta name="Description" content="{MetaDescription}" /></head>
  16. {/block:Description}
  17. <head>
  18. <link rel="shortcut icon" href="{Favicon}" />
  19. <meta name="color:background" content="#FFFCFC" />
  20. <meta name="color:sidebar text" content="#333333" />
  21. <meta name="color:sidebar link" content="#BBBBBB" />
  22. <meta name="color:sidebar link hover" content="#CC9696" />
  23. <meta name="color:sidebar background" content="#FFFFFF" />
  24. <meta name="color:navigation background" content="#F3F3F3" />
  25. <meta name="color:navigation" content="#000000" />
  26. <meta name="color:permalink text" content="#AAAAAA" />
  27. <meta name="color:permalink" content="#C75467" />
  28. <meta name="color:permalink background" content="#FFF8F8" />
  29. <meta name="color:post background" content="#FFFAFA" />
  30. <meta name="color:post bottom border" content="#E2E2E2" />
  31. <meta name="color:post text" content="#838383" />
  32. <meta name="color:link" content="#585858" />
  33. <meta name="color:link 2" content="#AFAFAF" />
  34. <meta name="color:link background" content="#F3F3F3" />
  35. <meta name="color:blockquote text" content="#999999" />
  36. <meta name="color:blockquote background" content="#F7F7F7" />
  37. <meta name="color:blockquote border" content="#ECECEC" />
  38. <meta name="if:infinite scrolling" content="0"/>
  39. <meta name="image:side" content=""/>
  40. <meta name="image:sidebar background" content="http://static.tumblr.com/38tkyuw/uValpd81j/yq1cd.png"/>
  41. <meta name="image:background" content=""/>
  42. <meta name="image:post background" content=""/>
  43. <meta name="text:previous button" content="backward"/>
  44. <meta name="text:next button" content="forward"/>
  45. <meta name="text:Link 1 Title" content="" />
  46. <meta name="text:Link 1" content="" />
  47. <meta name="text:Link 2 Title" content="" />
  48. <meta name="text:Link 2" content="" />
  49. <meta name="text:Link 3 Title" content="" />
  50. <meta name="text:Link 3" content="" />
  51. <meta name="text:Link 4 Title" content="" />
  52. <meta name="text:Link 4" content="" />
  53. <meta name="text:Link 5 Title" content="" />
  54. <meta name="text:Link 5" content="" />
  55. {block:ifinfinitescrolling}<script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>{/block:ifinfinitescrolling}
  56. <style type="text/css">
  57. @media screen
  58.   {
  59.   div#sidebar    {
  60.     position: fixed;
  61.     }
  62.   * html
  63.     {
  64.     overflow-y: hidden;
  65.     }
  66.   * html body
  67.     {
  68.     overflow-y: auto;
  69.     height: 100%;
  70.     padding: 0 1em 0 14em;
  71.     font-size: 100%;
  72.     }
  73.   * html div#sidebar    {
  74.     position: absolute;  
  75.     }
  76.   }
  77. body {
  78.         font-family: consolas, trebuchet ms, sans-serif;
  79.         margin: 0px;
  80.         padding:0px;
  81.         background:{color:background} url('{image:background}') fixed;
  82. }
  83. a {
  84.         text-decoration: none;
  85.         color: {color:link};
  86. }
  87. iframe#tumblr_controls {right:3px !important;
  88. position: fixed !important;
  89.         opacity: 0.2;
  90.         filter:alpha(opacity=20);
  91.         -moz-opacity: 0.2;
  92.         -khtml-opacity: 0.2;
  93.         -webkit-transition: all 0.9s ease;
  94.         -moz-transition: all 0.9s ease;
  95.         -o-transition: all 0.9s ease;}
  96. iframe#tumblr_controls:hover{
  97.         opacity: 1;
  98.         filter:alpha(opacity=100);
  99.         -moz-opacity: 1;
  100.         -khtml-opacity: 1;
  101.         -webkit-transition: all 0.9s ease;
  102.         -moz-transition: all 0.9s ease;
  103.         -o-transition: all 0.9s ease;}
  104.  
  105. #sidebar {
  106.         bottom:100px;
  107.         left: 200px;
  108.         position: fixed;
  109.         width: 200px;
  110.         font: 10px "small fonts", sans-serif;
  111.         color: {color:sidebar text};   
  112.         background:{color:sidebar background} url({image:sidebar background});
  113.         text-align: left;
  114.         padding: 7px ;
  115. }
  116. #simage {
  117.         max-width: 186px;
  118.         height: auto;
  119.         padding-bottom: 3px ;
  120. }
  121. #sideimage a {
  122.         border:none;
  123. }
  124. #nav {
  125.         font: 12px "Courier New", Courier, monospace;
  126.         text-transform: lowercase;
  127.         letter-spacing: -1px;
  128.         color: {color:sidebar link};
  129.         margin-top: 5px;
  130.         position:fixed;
  131.         left:950px;
  132.         bottom: 20px;
  133. }
  134. #desc a, #nav a{
  135.         color: {color:sidebar link};
  136.         -webkit-transition: all 0.5s ease;
  137.         -moz-transition: all 0.5s ease;
  138.         -o-transition: all 0.5s ease;
  139. }
  140. #desc a:hover, #nav a:hover {
  141.         color:{color:sidebar link hover};
  142.         -webkit-transition: all 0.5s ease;
  143.         -moz-transition: all 0.5s ease;
  144.         -o-transition: all 0.5s ease;
  145. }
  146. #title{
  147.         margin-bottom: 5px;
  148.         text-align: center;
  149.         display: block;
  150. }
  151. #title a{
  152.         font: 14px "Courier New", Courier, monospace;
  153.         text-transform: lowercase;
  154.         letter-spacing: -1px;
  155.         color: {color:sidebar text};
  156.         margin-bottom: 2px;
  157.         padding: 3px;
  158. }
  159. #title a:hover{
  160.         color:{color:sidebar link hover};
  161.         -webkit-transition: all 0.5s ease;
  162.         -moz-transition: all 0.5s ease;
  163.         -o-transition: all 0.5s ease;
  164. }
  165. #asker {
  166.         background-color: {color:sidebar background} url({image:sidebar background});
  167.         color:{color:sidebar text} ;
  168.         border: 5px solid {color:post background}
  169. }
  170. #asker a{
  171.         color: {color:link};
  172. }
  173. #asker img{
  174.         float:left;
  175.         margin:5px;
  176. }
  177. #quote {
  178.         padding: 5px;
  179.         font: 12px/10px "Courier New", Courier, monospace;
  180.         letter-spacing: -1px;
  181. }
  182. h1 {
  183.         font:15px Rockwell, Georgia, "Times New Roman", Times, serif;
  184.         text-transform: lowercase;
  185.         font-weight:normal;
  186.         letter-spacing:-1px;
  187.         color: {color:link};
  188. }
  189. h1 a{
  190.         text-decoration:none;
  191.         color: {color:link};
  192. }
  193. h1 a:hover{
  194.         color: {color:link 2};
  195. }
  196. #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  197.         font: 10px Arial, Helvetica, sans-serif;
  198.         font-weight:bold;
  199.         letter-spacing: 0px;
  200.         color: {color:link};
  201.         background:none ;
  202.         padding: 1px 3px;      
  203. }
  204. #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  205.         color:{color:link 2};
  206.         background:{color:link background};
  207. }
  208. #quotesource {
  209.         display: block;
  210.         text-align: center;
  211. }
  212. #chat {
  213.         font-style: normal!important;
  214. }
  215. .label {
  216.         font: 9px consolas, trebuchet ms, sans-serif;
  217.         letter-spacing: 1px;
  218.         text-transform: uppercase;
  219.         color: {color:link 2};
  220.         padding-right: 5px;
  221. }
  222. .person1 .label {
  223.         padding-right: 5px;
  224.         text-transform: uppercase;
  225.         color: {color:link};
  226.         font: 9px consolas, trebuchet ms, sans-serif;
  227.         letter-spacing: 1px;
  228. }
  229. ul {
  230.         list-style:none;
  231.         padding-left: 5px;
  232. }
  233. #audio {
  234.         width: 300px;
  235.         margin-left: 15px;
  236.         background: #000000;
  237. }
  238. #audiotext {
  239.         padding: 0px;
  240.         margin-top: 0px;
  241.         margin-bottom: 5px;
  242.         margin-left: 25px;
  243.         text-transform: lowercase;
  244.         font-style:italic;
  245. }
  246. #post {
  247.         margin-bottom: 50px;
  248. }
  249. #note {
  250.         background: {color:background};
  251.         width:500px;
  252.         padding: 0px;
  253.         float:NONE;
  254.         color: {color:post text};
  255.         margin-top: 7px!important;
  256.         line-height: 20px;
  257. }
  258. li.note {
  259.         list-style:none;
  260.         padding: 5px;
  261.         border-bottom: 1px dashed {color:post bottom border};
  262.         margin: 0px;
  263. }
  264. #note a{
  265.         color: {color:link 2};
  266. }
  267. #entryborder{
  268.         padding: 0px;
  269. }
  270. #entry{
  271.         z-index:6;
  272.         overflow:hidden;
  273.         width:500px;
  274.         float:NONE;
  275.         font-size: 10px;
  276.         color: {color:post text};
  277.         margin: 0px;
  278.         letter-spacing: 1px;
  279.         padding: 0px;
  280.         background: {color:post background} url('{image:post background}');
  281.  
  282. }
  283. blockquote{
  284.         border-bottom: 1px dashed {color:blockquote border};
  285.         padding: 0px;
  286.         background-color: {color:blockquote background};
  287.         color: {color:blockquote text};
  288.         font: 10px terminal, arial, helvetica, sans-serif;
  289.         font-weight: bold;
  290.         margin-top:4px;margin-left:15px;margin-right:15px;margin-bottom:4px;
  291. }
  292. #perma{
  293.         font: 9px lucida console, helvetica, sans-serif;
  294.         background:{color:permalink background};
  295.         margin-bottom: 5px;
  296.         padding: 0px;
  297.         width:500px;
  298.         color:{color:permalink text};
  299.         border-bottom: 1px dashed {color:post bottom border};
  300. }
  301. #perma a{
  302.         font: 10px terminal, Arial, Helvetica, sans-serif;
  303.         font-weight:normal;
  304.         color:{color:permalink};
  305. }
  306. table, tr, td{
  307.         font-size: 10px;
  308. }
  309. #container{
  310.         left: 430px;
  311.         position:absolute;
  312.         top: 20px;
  313.         background:none;
  314. }
  315. .button{
  316.         width:196px;
  317.         padding:2px;
  318.         background-color:{color:navigation background};
  319.         color:{color:navigation};
  320.         border:0px;
  321.         font: 9px "small fonts", sans-serif;
  322.         text-transform: uppercase;
  323. }
  324. </style>
  325.  
  326. </head>
  327. <body>{block:ifnotinfinitescrolling}
  328. <div id="nav" align="right">{block:Pagination}
  329.             {block:PreviousPage}
  330.                 <a href="{PreviousPage}">{text:previous button}</a>
  331.             {/block:PreviousPage}
  332.                         <br />
  333.                         {block:NextPage}
  334.                 <a href="{NextPage}">{text:next button}</a>
  335.             {/block:NextPage}
  336.         {/block:Pagination}</div>{/block:ifnotinfinitescrolling}
  337.  <div id="sidebar">
  338.         <div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div><div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  339.         <div id="desc">{block:Description}{Description}{/block:Description}<br />
  340.         <p>
  341.  
  342. <form action="" method="get" name="category">
  343.         <select class="button" name="cat" onChange="javascript:window.open(document.category.cat.value,'_self')">
  344.         <option value="/">navigate</option>
  345.         <option value="">----------------------</option>
  346.         {block:ifLink1}<option value="{text:Link 1}">{text:Link 1 Title}</option>{/block:ifLink1}
  347.         {block:ifLink2}<option value="{text:Link 2}">{text:Link 2 Title}</option>{/block:ifLink2}
  348.         {block:ifLink3}<option value="{text:Link 3}">{text:Link 3 Title}</option>{/block:ifLink3}
  349.         {block:ifLink4}<option value="{text:Link 4}">{text:Link 4 Title}</option>{/block:ifLink4}
  350.         {block:ifLink5}<option value="{text:Link 5}">{text:Link 5 Title}</option>{/block:ifLink5}
  351.         <option value="/ask">ask</option>
  352.         <option value="http://ettudis.three-words.net">theme</option>
  353.         </select>       </form></div>
  354.  
  355.  
  356. </div>
  357.  
  358. <div id="container"><div class="autopagerize_page_element">
  359. {block:Posts}
  360.       <table width="500" border="0" align="center" cellspacing="0px" cellpadding="0px">
  361.   <tr>
  362.     <td id="entryborder">
  363.         <div id="entry">
  364.  
  365.         {block:Text}
  366.                 <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  367.                 <div id="text">{Body}</div>
  368.             {/block:Text}
  369.             <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500" />{LinkCloseTag}{/block:Photo}</div>
  370.             <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  371.                        
  372.                         {block:Quote}
  373.                         <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  374.             <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  375.             {/block:Quote}     
  376.            
  377.             {block:Link}
  378.             <h1><a href="{URL}" {Target}>{Name}</a></h1>
  379.             {block:Description}{Description}{/block:Description}{/block:Link}
  380.            
  381.             {block:Chat}{block:Title}
  382.               <h1><a href="{Permalink}">{Title}</a></h1>
  383.             {/block:Title}
  384.             <div id="chat">
  385.               <ul>
  386.                 {block:Lines}
  387.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  388.                 {/block:Lines}
  389.               </ul>
  390.             </div>
  391.             {/block:Chat}
  392.            
  393.             {block:Audio}
  394.             <div id="audiotext">{PlayCountWithLabel}</div>
  395.             <div id="audio">{AudioPlayerBlack}</div>
  396.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  397.             {/block:Audio}
  398.  
  399.             <div align="center">{block:Video}{Video-400}{/block:Video}</div>
  400.  
  401.             {block:Answer}
  402.             <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  403.             <div id="answer">{Answer}</div>
  404.             {/block:Answer}
  405.            
  406.            {block:Photo} <div id="captiona" style="overflow:hidden">{block:Caption}
  407.             <div class="caption" style="overflow:hidden">{Caption}</div>
  408.             {/block:Caption}{/block:Photo}
  409.             {block:Video}{block:Caption}
  410.             <div class="caption" style="overflow:hidden">{Caption}</div>
  411.             {/block:Caption}{/block:Video}
  412.             {block:Photoset}{block:Caption}
  413.             <div class="caption" style="overflow:hidden">{Caption}</div>
  414.             {/block:Caption}</div>{/block:Photoset}
  415. </div></div>            
  416.                        
  417.                          <div id="perma">{block:Date}{ShortMonth} {DayOfMonth},{Year}{/block:Date} (<a href="{permalink}">{NoteCountWithLabel}</a>) {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  418.                          {block:HasTags}<br>tags: {block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
  419.                          
  420.                          {block:PermalinkPage}<div id="note">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  421.         </td>
  422.   </tr>
  423. </table>
  424. {/block:Posts}</div></div>
  425. </body>
  426. </html>
RAW Paste Data
Top