SHARE
TWEET

tumblr theme 018

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