SHARE
TWEET

tumblr theme 033

ettudisthemes May 14th, 2012 14,027 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 033 (c) by Ans by ETTUDIS [http://ettudis.three-words.net]
  3. CONTACT INFO [email: ettudisdesigns@gmail.com]
  4. FOLLOW THEME BLOG [http://ettudis.tumblr.com]
  5. TERMS OF USE [http://ettudis.tumblr.com/post/8327340215/terms-of-usage]
  6. Theme made exclusively for Nana @ dyskoimesis.tumblr.com
  7. -->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml">
  11. <head>
  12. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  13. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title></head>
  14. {block:Description}
  15. <head>
  16. <meta name="Description" content="{MetaDescription}" /></head>
  17. {/block:Description}
  18. <head>
  19. <link rel="shortcut icon" href="{Favicon}" />
  20. <meta name="color:asker background" content="#000000" />
  21. <meta name="color:asker link" content="#767676" />
  22. <meta name="color:asker text" content="#585858" />
  23. <meta name="color:background" content="#000000" />
  24. <meta name="color:blockquote background" content="#101010" />
  25. <meta name="color:blockquote text" content="#565656" />
  26. <meta name="color:link" content="#787878" />
  27. <meta name="color:link hover" content="#FFFFFF" />
  28. <meta name="color:permalink" content="#777777" />
  29. <meta name="color:permalink background" content="#000000" />
  30. <meta name="color:permalink hover" content="#777777" />
  31. <meta name="color:permalink shadow" content="#565656" />
  32. <meta name="color:post background" content="#121212" />
  33. <meta name="color:post text" content="#838383" />
  34. <meta name="color:post title" content="#232323" />
  35. <meta name="color:post title background" content="#090909" />
  36. <meta name="color:post title hover" content="#9C9C9C" />
  37. <meta name="color:sidebar" content="#111111" />
  38. <meta name="color:sidebar background" content="#121212" />
  39. <meta name="color:sidebar link" content="#D6D6D6" />
  40. <meta name="color:sidebar link background" content="#CCCCCC" />
  41. <meta name="color:sidebar link border" content="#555555" />
  42. <meta name="color:sidebar link hover" content="#6F6F6F" />
  43. <meta name="color:sidebar text" content="#808080" />
  44. <meta name="color:sidebar text background" content="#191919" />
  45. <meta name="color:sidebar text border" content="#000000" />
  46. <meta name="color:tags" content="#333333" />
  47. <meta name="color:title" content="#CACACA" />
  48. <meta name="color:title hover" content="#000000" />
  49. <meta name="if:show tags on index" content="1"/>
  50. <meta name="if:show captions on index" content="1"/>
  51. <meta name="if:Show userpic" content="1"/>
  52. <meta name="image:background" content="http://27.media.tumblr.com/tumblr_ltjufgfxYR1qhvdofo5_500.png"/>
  53. <meta name="image:link hover background" content="http://static.tumblr.com/38tkyuw/OQvlsyu75/07.jpg"/>
  54. <meta name="image:side" content=""/>
  55. <meta name="text:Link 1" content="" />
  56. <meta name="text:Link 1 Title" content="" />
  57. <meta name="text:Link 2" content="" />
  58. <meta name="text:Link 2 Title" content="" />
  59. <meta name="text:Link 3" content="" />
  60. <meta name="text:Link 3 Title" content="" />
  61. <meta name="text:Link 4" content="" />
  62. <meta name="text:Link 4 Title" content="" />
  63. <meta name="text:Link 5" content="" />
  64. <meta name="text:Link 5 Title" content="" />
  65. <style type="text/css">
  66. @font-face { font-family: letkon; src: url('http://ettudis.three-words.net/lekton005_l.otf'); }
  67. body {
  68.     font-family: lucida sans unicode, trebuchet ms, sans-serif;
  69.     margin: 0px;
  70.         padding:0px;
  71.         background:{color:background} url({image:background}) fixed;
  72. }
  73. a{
  74.     color: {color:link};
  75.     text-decoration: none;
  76.     }
  77. iframe#tumblr_controls {right:3px !important;
  78. position: fixed !important;
  79.         opacity: 0.2;
  80.         filter:alpha(opacity=20);
  81.         -moz-opacity: 0.2;
  82.         -khtml-opacity: 0.2;
  83.         -webkit-transition: all 0.9s ease;
  84.         -moz-transition: all 0.9s ease;
  85.         -o-transition: all 0.9s ease;}
  86. iframe#tumblr_controls:hover{
  87.         opacity: 1;
  88.         filter:alpha(opacity=100);
  89.         -moz-opacity: 1;
  90.         -khtml-opacity: 1;
  91.         -webkit-transition: all 0.9s ease;
  92.         -moz-transition: all 0.9s ease;
  93.         -o-transition: all 0.9s ease;}
  94. #sidebar {
  95.                 opacity: 0.3;
  96.         filter:alpha(opacity=30);
  97.         -moz-opacity: 0.3;
  98.         -khtml-opacity: 0.3;
  99. width: 220px;
  100.         font-size: 9px;
  101.         line-height: 10px;
  102.         left: 40px;
  103.         top: 200px;
  104.         position: fixed;
  105.         color: {color:sidebar text};
  106.         background:{color:sidebar};  
  107.         -webkit-transition: all 0.9s ease;
  108.         -moz-transition: all 0.9s ease;
  109.         -o-transition: all 0.9s ease;
  110.         -moz-border-radius: 7px;
  111.         -webkit-border-radius: 7px;
  112.         border-radius:7px
  113.  
  114. }
  115. #sidebar:hover{
  116.         opacity: 1;
  117.         filter:alpha(opacity=100);
  118.         -moz-opacity: 1;
  119.         -khtml-opacity: 1;}
  120.  
  121. #sidecontent{
  122.         text-align: justify;
  123.         margin-bottom: 5px;padding: 10px;
  124. }
  125. #simage{
  126.         width: 200px;
  127.         height: auto;
  128.         margin-bottom:7px;
  129. }
  130. #nav {
  131.         font: 10px letkon, lucida console, sans-serif;color: {color:sidebar link}; letter-spacing: 1px;
  132. }
  133. #nav a{
  134.         color: {color:sidebar link hover};
  135. }
  136. #menu, #desc {
  137.         font: 9px lucida console, Arial, Helvetica, sans-serif;
  138.     margin-bottom: 5px;
  139.     text-align:center;
  140.     line-height: 12px;
  141.     background: {color:sidebar background};
  142. }
  143. #desc {
  144.     border-bottom: {color:sidebar text border} 2px solid; background: {color:sidebar text background}; padding: 3px;
  145. }
  146. #menu a{
  147.         font-size:8px;
  148.     color: {color:sidebar link};
  149.         text-decoration: none;
  150.         text-transform: uppercase;
  151.         letter-spacing: 1px;
  152.         padding: 2px;padding-left: 5px;
  153.     -webkit-transition: all 0.5s ease;
  154.     -moz-transition: all 0.5s ease;
  155.     -o-transition: all 0.5s ease;
  156. }
  157. #menu a:hover{
  158.         color:{color:sidebar link hover};
  159.         -webkit-transition: all 0.5s ease;
  160.         -moz-transition: all 0.5s ease;
  161.         -o-transition: all 0.5s ease;
  162.     text-shadow: 0.1em 0.1em 0.2em {color:sidebar link background};
  163. }
  164.  
  165. #desc a, #nav a{
  166.         color: {color:sidebar link};
  167.         -webkit-transition: all 0.9s ease;
  168.         -moz-transition: all 0.9s ease;
  169.         -o-transition: all 0.9s ease;
  170. }
  171. #desc a:hover, #nav a:hover{
  172.         color:{color:sidebar link hover};
  173. }
  174. #chat ul,#chat ol,#chat li{
  175.         list-style:none;
  176.         padding: 1px;
  177. }
  178. ul, ol {
  179.         padding-left: 5px!important;
  180.         margin-left:15px!important;
  181. }
  182. #asker {
  183.         background:{color:asker background};
  184.         color:{color:asker text};
  185.         margin:7px;
  186. }
  187. #asker a{
  188.         color: {color:asker link};
  189.     font: 16px Letkon, lucida console, sans-serif;
  190. }
  191. #asker img{
  192.         float:left;
  193.         margin:5px;
  194. }#answer{
  195. padding: 5px;
  196. }
  197. #quote {
  198.         color: {color:title};
  199.         text-decoration: none;
  200.         font-style: normal;
  201.         text-align:center;
  202.         letter-spacing:-1px;
  203.         font: 20px/18px Letkon, lucida console, trebuchet ms, sans-serif;
  204. }
  205. h1 {
  206.     background:{color:post title background} ;
  207.     color: {color:post title};
  208.     font: 9px/25px lucida console, arial, sans-serif;
  209.     text-transform: uppercase;
  210.     letter-spacing: 5px;
  211.     text-align: right;
  212.     margin-left: 7px;
  213.     margin-right: 7px;
  214. }
  215. h1 a{
  216.         color: {color:post title}
  217. }
  218. h1 a:hover{
  219.         color: {color:post title hover}
  220. }
  221. #tags {
  222.     margin:5px;
  223.     }
  224. #tags a{
  225.         font-size: 9px;
  226.     font-weight: normal;
  227.     font-family: lucida console,arial, sans-serif;  
  228.     text-transform: lowercase; color: {color:tags};
  229.     text-align: center; letter-spacing: 0px;
  230. }
  231. #tags a:hover{
  232.     text-decoration: underline;
  233. }
  234. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  235.         font: 8px lucida console,arial, sans-serif;
  236.         color: {color:link}; letter-spacing: 2px;
  237.         font-weight: normal;
  238.         text-transform: uppercase;
  239. }
  240. #answer a:hover, #source a:hover, #caption a:hover, #audiotext a:hover, #quotesource a:hover, #text a:hover, #captiona a:hover{
  241.         color: {color:link hover};
  242.     background-image: url({image:link hover background});
  243. }
  244. #quotesource {
  245.         display: block;
  246.         text-align: center;
  247. }
  248. .label {
  249.         font: 9px lucida console, trebuchet ms, sans-serif;
  250.         text-transform: uppercase;
  251.         color: {color:link};
  252.         padding-right: 5px;
  253. }
  254. .person{UserNumber} .label {
  255.         padding-right: 5px;
  256.         text-transform: uppercase;
  257.         color:  {color:link hover};
  258.         font: 9px lucida console, trebuchet ms, sans-serif;
  259. }
  260. li, ul {
  261.         padding-left: 5px!important;
  262.         margin-left:9px!important;
  263.     list-style:circle!important;
  264.     color: {color:link};
  265. }
  266. #audio {
  267.         margin-left: 15px; width: 330px; overflow:hidden;background: black;
  268. }
  269. #audiotext{
  270.         padding: 5px;
  271. }
  272. #note {
  273.         font-size: 9px;
  274.         padding: 7px;
  275.         float:NONE;
  276.         color:{color:post text};
  277.     font: 9px lucida console, trebuchet ms, sans-serif;
  278.         width: 500px;
  279. }
  280. li.note {
  281.         list-style:none!important;
  282.         padding: 3px;
  283.         margin: 0px;
  284.         margin-right: 25px;
  285.     font: 9px lucida console, trebuchet ms, sans-serif;
  286. }
  287. #note a{
  288.         font: 9px lucida console, trebuchet ms, sans-serif;
  289.         color: {color:post title};
  290.         text-transform:lowercase;
  291. }
  292. #note a:hover{
  293.         color: {color:post title hover};
  294. }
  295. #entry{
  296.         font: 9px lucida console, arial, sans-serif;
  297.         color: {color:post text};
  298.         margin: 0px;
  299.         background: {color:post background};
  300.         overflow:hidden;
  301.         {block:indexpage}width:360px;{/block:indexpage}
  302.         {block:permalinkpage}width:510px;{/block:permalinkpage}
  303.         margin:7px;
  304.         opacity: 0.7;
  305.         float: left;
  306.         filter:alpha(opacity=70);
  307.         -moz-opacity: 0.7;
  308.         -khtml-opacity:0.7;
  309.         -webkit-transition: all 0.3s ease;
  310.         -moz-transition: all 0.3s ease;
  311.         -o-transition: all 0.3s ease;
  312. }
  313. #entry:hover{
  314.         opacity: 1;
  315.         filter:alpha(opacity=100);
  316.         -moz-opacity: 1;
  317.         -khtml-opacity:1;
  318.         -webkit-transition: all 0.3s ease;
  319.         -moz-transition: all 0.3s ease;
  320.         -o-transition: all 0.3s ease;
  321. }
  322. }
  323. div.perma a {
  324.         position:relative;
  325.         left:0px;
  326.         width:240px;
  327.     display: block;
  328.     height: 0px;
  329.     color: {color:permalink}!important;
  330.     text-decoration: none;
  331.         }
  332.  
  333. div.perma {
  334.         opacity: 0;
  335.         filter:alpha(opacity=0);
  336.         -moz-opacity: 0;
  337.         -khtml-opacity: 0;height: 0px;
  338.         -webkit-transition: all 0.3s ease;
  339.         -moz-transition: all 0.3s ease;
  340.         -o-transition: all 0.3s ease;
  341.      height: 0px;
  342. }
  343.  
  344. div.container:hover div.perma {
  345.         opacity: 1;
  346.         filter:alpha(opacity=100);
  347.         -moz-opacity: 1;
  348.         -khtml-opacity: 1;
  349.     height: 8px;
  350.     background: {color:permalink background};
  351.     color: {color:permalink hover}!important;
  352.     text-transform:uppercase;
  353.     letter-spacing: 1px;
  354.     text-shadow: 0.1em 0.1em 0.2em {color:permalink shadow};
  355.     text-align:left;
  356.     padding: 5px; padding-top:2px!important;padding-bottom:2px!important;
  357.     font: 8px lucida console, lucida sans unicode, sans-serif;
  358. }
  359. .container{
  360.     background:{color:post background};
  361.     margin: 5px;
  362.     -moz-border-radius: 7px;
  363.     -webkit-border-radius: 7px;
  364.     border-radius:3px;
  365.     float:left;
  366.     }
  367. #entry img{
  368.     {block:indexpage}max-width:350px!important;{/block:indexpage}
  369.         {block:permalinkpage}max-width:500px!important;{/block:permalinkpage}
  370.         margin:5px;
  371. }
  372. blockquote{
  373.     background: {color:blockquote background};
  374.         padding: 3px;
  375.         color: {color:blockquote text};
  376.         margin-right: 40px;
  377. }
  378. table, tr, td{
  379.         font-size: 9px!important;
  380. }
  381. #text img, #captiona img, #answer img{
  382.     {block:indexpage}max-width:350px!important;{/block:indexpage}
  383.         {block:permalinkpage}max-width:500px!important;{/block:permalinkpage}
  384.         margin:0px;
  385. }
  386.  
  387. #entry p{
  388.         margin-top:0px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  389. }
  390.  
  391.  
  392. #all {
  393. width: 800px;float: left;
  394. left: 270px;
  395. position: absolute;
  396.  
  397. }
  398. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none!important;}
  399. #infscr-loading {display:none!important;}
  400. .navigation{display:none!important;}
  401. </style>
  402.  
  403.  
  404. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  405. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  406.  
  407. <!-- {block:IndexPage} -->
  408. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  409. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  410. <script type="text/javascript">
  411. $(window).load(function () {
  412. $('#content').masonry(),
  413. $('.masonryWrap').infinitescroll({
  414. navSelector : "div.navigation",
  415. // selector for the paged navigation (it will be hidden)
  416. nextSelector : ".navigation a#next",
  417. // selector for the NEXT link (to page 2)
  418. itemSelector : ".container",
  419. // selector for all items you'll retrieve
  420. bufferPx : 10000,
  421. extraScrollPx: 10000,
  422. loadingImg : "",
  423. loadingText : "<em></em>",
  424. },
  425. // call masonry as a callback.
  426. function() { $('#content').masonry({ appendedContent: $(this) }); }
  427. );
  428. });
  429. </script>
  430. <!-- {/block:IndexPage} -->
  431.  
  432.  
  433. </head>
  434. <body>
  435. <div class="navigation">
  436. <!--{block:Pagination}-->
  437. <!--{block:NextPage}--><p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a><!--{/block:NextPage}-->
  438. <!--{block:PreviousPage}--><a style="float:left" href="{PreviousPage}">? Newer</a></p><!--{/block:PreviousPage}-->
  439. <!--{/block:Pagination}-->
  440. </div>
  441.  
  442.                
  443.  <div id="sidebar">
  444.          <div id="sidecontent"> {block:ifsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifsideimage}
  445.          <div id="desc">{block:Description}<p>{Description}</p>{/block:Description}</div>
  446.        
  447.          <div id="menu"><a href="/">index</a> {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  448.                                 {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  449.                                 {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  450.                                 {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  451.                           {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  452.                 <a href="/archive">archives</a>
  453.                 <a href="/ask">message</a>
  454.                 <a href="http://ettudis.three-words.net">theme</a> </div>
  455.                
  456.        
  457.  
  458.  
  459.                
  460.         </div>
  461.        
  462. </div>
  463.  <div id="all">
  464.  <div id="content">{block:Posts}
  465.  <div class="container">
  466.        
  467.         <div id="entry"> {block:indexpage}
  468. <div class="perma"><a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth} {Year} {24Hour}:{Minutes}{/block:Date} {NoteCountwithLabel}</a></div> {/block:indexpage}
  469.         {block:Text}
  470.             <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  471.             <div id="text">{Body}</div>
  472.             {/block:Text}
  473.                        
  474.                 {block:indexpage}{block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0"/></a>{/block:Photo}<div style="padding-left:5px;padding-top:5px;">{block:Photoset}{Photoset-400}{/block:Photoset}</div>{/block:indexpage}
  475.               {block:permalinkpage}{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0"/></a>{LinkCloseTag}{/block:Photo}<div style="padding-left:5px;padding-top:5px;">{block:Photoset}{Photoset-500}{/block:Photoset}</div>{/block:permalinkpage}
  476.            
  477.                        
  478.                         {block:Quote}
  479.                         <div id="quote">&#8220;{Quote}&#8221; </div>
  480.             <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  481.             {/block:Quote}     
  482.            
  483.             {block:Link}
  484.             <h1><a href="{URL}" {Target}>{Name}</a></h1>
  485.             {block:Description}{Description}{/block:Description}{/block:Link}
  486.            
  487.             {block:Chat}<div id="chat">{block:Title}
  488.               <h1><a href="{Permalink}">{Title}</a></h1>
  489.             {/block:Title}
  490.               <ul>
  491.                 {block:Lines}
  492.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  493.                 {/block:Lines}
  494.               </ul>
  495.             </div>
  496.             {/block:Chat}
  497.            
  498.             {block:Audio}
  499.             <div id="audiotext">{PlayCountWithLabel}</div>
  500.             <div id="audio">{AudioPlayerBlack}</div>
  501.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  502.             {/block:Audio}
  503.  
  504.             {block:Video}{Video-400}{/block:Video}
  505.  
  506.             {block:Answer}
  507.             <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  508.             <div id="answer">{Answer}</div>
  509.             {/block:Answer}
  510.            
  511.            {block:ifnotshowcaptionsonindex}{block:permalinkpage}
  512. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  513.                    {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  514.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  515.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  516.  
  517.  
  518. {block:ifshowcaptionsonindex}
  519. <div id="captiona" style="overflow:hidden; max-width:500px!important;">
  520.                    {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  521.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  522.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptionsonindex}
  523.  
  524.                        
  525.                                 {block:ifshowtagsonindex}<div id="permapage"><div id="tags">
  526.     {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via {ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom}
  527.          {block:HasTags}tagged{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {/block:ifshowtagsonindex}
  528.  
  529. {block:ifnotshowtagsonindex}{block:permalinkpage}<div id="permapage"><div id="tags">
  530.          {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">via {ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}"> {ReblogRootName}</a>){/block:RebloggedFrom}
  531.          {block:HasTags}tagged{block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div> {/block:permalinkpage}{/block:ifnotshowtagsonindex}
  532.                         </div> 
  533.  
  534.                 {block:permalinkpage}
  535.                         <div id="note"><p align="right">{block:Date}Posted {Month} {DayOfMonth}, {Year}@ {12Hour}:{Minutes}{AmPm} {/block:Date} {block:PostCount}// {NoteCountwithLabel}{/block:PostCount}</p>
  536.             {block:PostNotes}{PostNotes}
  537.       {/block:PostNotes} </div>{/block:permalinkpage}
  538.  
  539. </div>
  540. {/block:Posts}
  541. </div>
  542.          
  543. </div>
  544. </body>
  545. </html>
RAW Paste Data
Top