SHARE
TWEET

tumblr theme 020

ettudis Aug 14th, 2011 6,310 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 020 (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="#f7f7f7" />
  20. <meta name="color:blockquote border" content="#E2E2E2" />
  21. <meta name="color:blockquote text" content="#999999" />
  22. <meta name="color:link" content="#FF2020" />
  23. <meta name="color:link 2" content="#E6E6E6" />
  24. <meta name="color:permalink" content="#24EEF5" />
  25. <meta name="color:permalink background" content="#F9f9f9" />
  26. <meta name="color:permalink border" content="#EBEBEB" />
  27. <meta name="color:permalink text" content="#AAAAAA" />
  28. <meta name="color:post background" content="#FEFEFE" />
  29. <meta name="color:post border" content="#EBEBEB" />
  30. <meta name="color:post header" content="#fafafa" />
  31. <meta name="color:post header link" content="#585858" />
  32. <meta name="color:post header hover" content="#efefef" />
  33. <meta name="color:post text" content="#838383" />
  34. <meta name="color:sidebar background" content="#F3F3F3" />
  35. <meta name="color:sidebar border" content="#E2E2E2" />
  36. <meta name="color:sidebar link" content="#BBBBBB" />
  37. <meta name="color:sidebar link border" content="#EEEEEE" />
  38. <meta name="color:sidebar link hover" content="#00EBFF" />
  39. <meta name="color:sidebar text" content="#999999" />
  40. <meta name="image:background" content=""/>
  41. <meta name="image:post background" content=""/>
  42. <meta name="image:side" content=""/>
  43. <meta name="text:Link 1" content="" />
  44. <meta name="text:Link 1 Title" content="" />
  45. <meta name="text:Link 2" content="" />
  46. <meta name="text:Link 2 Title" content="" />
  47. <meta name="text:Link 3" content="" />
  48. <meta name="text:Link 3 Title" content="" />
  49. <meta name="text:Link 4" content="" />
  50. <meta name="text:Link 4 Title" content="" />
  51. <meta name="text:Link 5" content="" />
  52. <meta name="text:Link 5 Title" content="" />
  53. <meta name="text:next button" content="&#9654;"/>
  54. <meta name="text:previous button" content="&#9664;"/>
  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: 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.         top:75px;
  105.         left: 0px;
  106.         position: fixed;
  107.         width: 230px;
  108.         z-index: 100;
  109.         font: 9px/10px  lucida sans, arial, sans-serif;
  110.         color: {color:sidebar text};
  111.         text-align: justify;
  112.        
  113. }
  114. #sidecontent{
  115.         border-top: 1px solid {color:sidebar border};  
  116.         border-right: 1px solid {color:sidebar border};
  117.         border-bottom: 1px solid {color:sidebar border};
  118.         background: {color:sidebar background};
  119.         padding: 0px;
  120. }
  121. #simage{
  122.         width: 200px;
  123.         height: auto;
  124.         padding-left:15px;
  125.         padding-right:15px;
  126.         border-top: 7px solid {color:sidebar border};
  127.         background:{color:sidebar background};
  128. }
  129. #nav {
  130.         color: {color:sidebar link};
  131.         padding-top: 3px;
  132. }
  133. #menu {
  134.         margin-bottom: 7px;
  135.         margin-right:10px;
  136.         margin-left: 10px;
  137. }
  138. #menu a{
  139.         display:block;
  140.         color: {color:sidebar link};
  141.         margin: 2px;
  142.         text-align: right;
  143.         font: 9px arial, helvetica, sans-serif!important;
  144.         text-transform: uppercase;
  145.         border-bottom: 1px solid{color:sidebar link border};
  146. }
  147. #menu a:hover{
  148.         color: {color:sidebar link hover}
  149.  
  150. }
  151. #desc p{
  152.         padding: 5px;
  153.         margin:0px;
  154. }
  155. #desc a, #nav a{
  156.         color: {color:sidebar link};
  157. }
  158. #desc a:hover, #nav a:hover{
  159.         color:{color:sidebar link hover};
  160. }
  161. #title{
  162.         margin-bottom: 5px;
  163.         text-align: right;
  164.         display: block;
  165. }
  166. #title a{
  167.         font: 36px/20px Arial, Helvetica, sans-serif;
  168.         text-transform: lowercase;
  169.         letter-spacing: -1px;
  170.         color: {color:link};
  171.         }
  172. #chat ul,#chat ol,#chat li{
  173.         list-style:none;
  174.         padding: 1px;
  175. }
  176. ul, ol {
  177.         padding-left: 5px!important;
  178.         margin-left:15px!important;
  179. }
  180. #title a:hover{
  181.         color:{color:link 2};
  182. }
  183. #asker {
  184.         background: {color:sidebar background};
  185.         color:{color:sidebar text} ;
  186.         border: 5px solid {color:post background}
  187. }
  188. #asker a{
  189.         color: {color:link};
  190. }
  191. #asker img{
  192.         float:left;
  193.         margin:5px;
  194. }
  195. #quote {
  196.         padding: 5px;
  197.         font: 16px/14px Arial, Helvetica, sans-serif;
  198.         letter-spacing: 0px;
  199.         text-align:center;
  200. }
  201. h1 {
  202.         font:9px/14px "Courier New", Courier, monospace;
  203.         text-transform: uppercase;
  204.         text-align:center;
  205.         font-weight:normal;
  206.         letter-spacing:2px;
  207.         color: {color:link};
  208.         background: {color:post header};
  209.         margin:5px;
  210.         padding: 2px;
  211. }
  212. h1 a{
  213.         color: {color:post header link};
  214. }
  215. h1 a:hover{
  216.         color: {color:post header hover};
  217. }
  218. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  219.         font: 10px "Courier New", Courier, monospace;
  220.         color: {color:link};
  221.         font-weight: normal;
  222.         text-transform: uppercase;
  223. }
  224. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  225.         color:{color:link 2};
  226. }
  227. #quotesource {
  228.         display: block;
  229.         text-align: center;
  230. }
  231. .label {
  232.         font: 9px lucida console, trebuchet ms, sans-serif;
  233.         text-transform: uppercase;
  234.         color: {color:link 2};
  235.         padding-right: 5px;
  236. }
  237. .person1 .label {
  238.         padding-right: 5px;
  239.         text-transform: uppercase;
  240.         color: {color:link};
  241.         font: 9px lucida console, trebuchet ms, sans-serif;
  242. }
  243. ul, ol {
  244.         padding-left: 5px!important;
  245.         margin-left:15px!important;
  246. }
  247. #audio {
  248.         width: 250px;
  249.         margin-left: 15px;
  250.         background: #000000;
  251. }
  252. #audiotext{
  253.         padding: 5px;
  254. }
  255. #note {
  256.         font-size: 9px;
  257.         background: {color:background};
  258.         padding: 7px;
  259.         float:NONE;
  260.         color: {color:post text};
  261.         width: 500px;
  262. }
  263. li.note {
  264.         list-style:none;
  265.         padding: 3px;
  266.         border-bottom: 1px solid {color:post border};
  267.         margin: 0px;
  268.         margin-right: 25px;
  269. }
  270. #note a{
  271.         color: {color:sidebar link hover};
  272. }
  273. #note a:hover{
  274.         color: {color:link};
  275. }
  276. #entry{
  277.         font-size: 11px;
  278.         color: {color:post text};
  279.         margin: 0px;
  280.         background: {color:post background} url('{image:post background}');
  281.         overflow:hidden;
  282.         {block:indexpage}width:400px;{/block:indexpage}
  283.         {block:permalinkpage}width:500px;{/block:permalinkpage}
  284.         border: 1px solid {color:post border};
  285. }
  286. .container{
  287.         z-index:6;
  288.         overflow:hidden;
  289.         float:left!important;
  290.         {block:indexpage}width:402px;{/block:indexpage}
  291.         {block:permalinkpage}width:502px;{/block:permalinkpage}
  292.         margin:5px;
  293. }
  294. #entry img{
  295.         {block:indexpage}max-width:390px!important;{/block:indexpage}
  296.         {block:permalinkpage}max-width:490px!important;{/block:permalinkpage}
  297.         margin:5px;
  298.         opacity: 0.7;
  299.         filter:alpha(opacity=70);
  300.         -moz-opacity: 0.7;
  301.         -khtml-opacity: 0.7;
  302. }
  303. #entry img:hover{
  304.         opacity: 1;
  305.         filter:alpha(opacity=100);
  306.         -moz-opacity: 1;
  307.         -khtml-opacity: 1;
  308.  
  309. }
  310. blockquote{
  311.         border-bottom: 1px solid {color:blockquote border};
  312.         border-left: 3px solid {color:link};
  313.         padding-left: 3px;
  314.         color: {color:blockquote text};
  315.         margin-right: 40px;
  316. }
  317. #perma{
  318.         font-family: terminal, lucida console, trebuchet ms, sans-serif !important;
  319.         font-size: 9px !important;
  320.         color:{color:permalink text};
  321.         {block:indexpage}width:400px;{/block:indexpage}
  322.         {block:permalinkpage}width:500px;{/block:permalinkpage}
  323.         margin-top: 3px;
  324.         text-transform: uppercase;
  325. }
  326. #perma a{
  327.         color:{color:permalink text};
  328.         letter-spacing: 2px;   
  329.         display: block;
  330.         text-align: center;
  331. }
  332. #perma a:hover{
  333.         color:{color:permalink};
  334. }
  335. table, tr, td{
  336.         font-size: 9px!important;
  337. }
  338. #text img, #captiona img, #answer img{
  339.         {block:indexpage}max-width:390px!important;{/block:indexpage}
  340.         {block:permalinkpage}max-width:490px!important;{/block:permalinkpage}
  341.         margin:0px;
  342. }
  343. #all{
  344. width: 900px;
  345. left: 250px;
  346. position: absolute;
  347. }
  348. #entry p{
  349.         padding: 5px;
  350. }
  351. #permapage {
  352.         padding:3px;
  353.         font-family: terminal, lucida console, trebuchet ms, sans-serif !important;
  354.         font-size: 9px !important;
  355.         color:{color:permalink text};
  356.         border-top:1px solid {color:permalink border};
  357.         margin: 5px;
  358.         text-transform: uppercase;
  359. }
  360. </style>
  361. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
  362. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
  363. <script src="http://ettudis.three-words.net/js/masonry.js"></script>
  364. <script type="text/javascript">
  365. $(window).load(function () {
  366. $('#content').masonry(),
  367. $('.masonryWrap').infinitescroll({
  368. itemSelector : ".container",
  369. },
  370. function() { $('#content').masonry({ appendedContent: $(this) }); }
  371. );
  372. });
  373. </script>
  374. </head>
  375. <body>
  376.  
  377.                
  378.  <div id="sidebar">
  379.          <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  380.          <div id="sidecontent"> <div id="sideimage" align="center">{block:IfsideImage}<a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a>{/block:IfsideImage}</div>
  381.                 <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  382.                 <div id="menu">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  383.                                 {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  384.                                 {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  385.                                 {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  386.                           {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  387.                 <a href="/archive">archives</a>
  388.                 <a href="/ask">message</a>
  389.                 <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  390.         </div>
  391.         <div id="nav" align="center">
  392.         {block:Pagination}
  393.                                 {block:PreviousPage}
  394.                                         <a href="{PreviousPage}">{text:previous button}</a>
  395.                                 {/block:PreviousPage}
  396.          
  397.                                 {block:JumpPagination length="5"}
  398.                                         {block:CurrentPage}
  399.                                                 <span class="current_page">{PageNumber}</span>
  400.                                         {/block:CurrentPage}
  401.          
  402.                                         {block:JumpPage}
  403.                                                 <a class="jump_page" href="{URL}">{PageNumber}</a>
  404.                                         {/block:JumpPage}
  405.                                 {/block:JumpPagination}
  406.                                
  407.                            {block:NextPage}
  408.                                         <a href="{NextPage}">{text:next button}</a>
  409.                                 {/block:NextPage}
  410.                         {/block:Pagination}
  411.         </div>
  412. </div>
  413.  
  414.  
  415.  <div id="all">
  416.  <div id="content">{block:Posts}
  417.  <div class="container">
  418.        
  419.         <div id="entry">
  420.  
  421.         {block:Text}
  422.             <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  423.             <div id="text">{Body}</div>
  424.             {/block:Text}
  425.                        
  426.                 {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/>{LinkCloseTag}{/block:Photo}
  427.             {block:Photoset}{Photoset-500}{/block:Photoset}
  428.                        
  429.                         {block:Quote}
  430.                         <div id="quote">&#8220;{Quote}&#8221; </div>
  431.             <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  432.             {/block:Quote}     
  433.            
  434.             {block:Link}
  435.             <h1><a href="{URL}" {Target}>{Name}</a></h1>
  436.             {block:Description}{Description}{/block:Description}{/block:Link}
  437.            
  438.             {block:Chat}<div id="chat">{block:Title}
  439.               <h1><a href="{Permalink}">{Title}</a></h1>
  440.             {/block:Title}
  441.               <ul>
  442.                 {block:Lines}
  443.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  444.                 {/block:Lines}
  445.               </ul>
  446.             </div>
  447.             {/block:Chat}
  448.            
  449.             {block:Audio}
  450.             <div id="audiotext">{PlayCountWithLabel}</div>
  451.             <div id="audio">{AudioPlayerBlack}</div>
  452.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  453.             {/block:Audio}
  454.  
  455.             {block:Video}{Video-400}{/block:Video}
  456.  
  457.             {block:Answer}
  458.             <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  459.             <div id="answer">{Answer}</div>
  460.             {/block:Answer}
  461.            
  462.            <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  463.                    {block:permalinkpage}{block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  464.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:permalinkpage}
  465.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>
  466.                        
  467.                         {block:permalinkpage}   <div id="permapage">({NoteCount}) {block:Date}&raquo; <a href="{Permalink}">{ShortMonth} {DayOfMonth},{Year}</a>{/block:Date}
  468.          {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (origin <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  469.          {block:HasTags}<br>tagged {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div> {block:permalinkpage}
  470.                         </div> 
  471.                        
  472.                         {block:indexpage}<div id="perma"><table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
  473.                   <tr>
  474.                         <td width="149" style="background:{color:permalink background};border:1px solid {color:permalink border};padding:3px;margin-right:2px!important;"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>                   </td>
  475.                                          <td width="2">&nbsp;</td>
  476.                         <td width="149" style="background:{color:permalink background};border:1px solid {color:permalink border};padding:3px;margin-right:2px!important;"><a href="{Permalink}">{NoteCount}</a></td>
  477.                   </tr>
  478.                 </table>
  479.                 </div>{/block:indexpage}
  480.  
  481.                 {block:permalinkpage}
  482.                          
  483.                         <div id="note">{block:PostNotes}{PostNotes}
  484.       {/block:PostNotes} </div>{/block:permalinkpage}
  485.  
  486. </div>
  487. {/block:Posts}
  488. </div>
  489.  </div>
  490.          
  491.  
  492. </body>
  493. </html>
RAW Paste Data
Pastebin PRO Summer Special!
Get 60% OFF on Pastebin PRO accounts!
Top