SHARE
TWEET

tumblr theme 023

beautifulfreaks13 Sep 6th, 2011 10,026 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 023 (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 border" content="#303030" />
  21. <meta name="color:blockquote text" content="#ACACAC" />
  22. <meta name="color:link" content="#695A5A" />
  23. <meta name="color:link 2" content="#F5DEDE" />
  24. <meta name="color:permalink" content="#5A5A5A" />
  25. <meta name="color:permalink background" content="#F8F8F8" />
  26. <meta name="color:post background" content="#FEFEFE" />
  27. <meta name="color:post text" content="#838383" />
  28. <meta name="color:post title" content="#4D4D4D" />
  29. <meta name="color:post title hover" content="#9C9C9C" />
  30. <meta name="color:sidebar background" content="#FAFAFA" />
  31. <meta name="color:sidebar link" content="#A0A0A0" />
  32. <meta name="color:sidebar link background" content="#FAFAFA" />
  33. <meta name="color:sidebar link border" content="#ADADAD" />
  34. <meta name="color:sidebar link hover" content="#6F6F6F" />
  35. <meta name="color:sidebar text" content="#B1B1B1" />
  36. <meta name="color:title" content="#7C7C7C" />
  37. <meta name="color:title hover" content="#D4A1A1" />
  38. <meta name="if:show tags on index" content="1"/>
  39. <meta name="if:show captions on index" content="1"/>
  40. <meta name="image:background" content=""/>
  41. <meta name="image:post background" content=""/>
  42. <meta name="image:side" content=""/>
  43. <meta name="image:sidebar background" content=""/>
  44. <meta name="text:Link 1" content="" />
  45. <meta name="text:Link 1 Title" content="" />
  46. <meta name="text:Link 2" content="" />
  47. <meta name="text:Link 2 Title" content="" />
  48. <meta name="text:Link 3" content="" />
  49. <meta name="text:Link 3 Title" content="" />
  50. <meta name="text:Link 4" content="" />
  51. <meta name="text:Link 4 Title" content="" />
  52. <meta name="text:Link 5" content="" />
  53. <meta name="text:Link 5 Title" content="" />
  54. <meta name="text:next button" content="&raquo;"/>
  55. <meta name="text:previous button" content="&laquo;"/>
  56. <meta name="text:extra sidebar content" content=""/>
  57. <style type="text/css">
  58. @font-face {
  59.         font-family: "fanwood";
  60.         src: url("http://ettudis.three-words.net/Fanwood-Italic.otf");
  61.  }
  62. body {
  63.         font-family: lucida sans unicode, trebuchet ms, sans-serif;
  64.         margin: 0px;
  65.         padding: 0px;
  66.         background:{color:background} url('{image:background}') fixed;
  67. }
  68. a {
  69.         text-decoration: none;
  70.         color: {color:link};
  71.         -webkit-transition: all 0.9s ease;
  72.         -moz-transition: all 0.9s ease;
  73.         -o-transition: all 0.9s ease;
  74. }
  75. iframe#tumblr_controls {right:3px !important;
  76. position: fixed !important;
  77.         opacity: 0.2;
  78.         filter:alpha(opacity=20);
  79.         -moz-opacity: 0.2;
  80.         -khtml-opacity: 0.2;
  81.         -webkit-transition: all 0.9s ease;
  82.         -moz-transition: all 0.9s ease;
  83.         -o-transition: all 0.9s ease;}
  84. iframe#tumblr_controls:hover{
  85.         opacity: 1;
  86.         filter:alpha(opacity=100);
  87.         -moz-opacity: 1;
  88.         -khtml-opacity: 1;
  89.         -webkit-transition: all 0.9s ease;
  90.         -moz-transition: all 0.9s ease;
  91.         -o-transition: all 0.9s ease;}
  92.  
  93. #simage{
  94.         width: 150px;
  95.         height: auto;
  96.         padding-left:1px;
  97.         padding-right:1px;
  98.         margin-bottom:7px;
  99.  
  100. }
  101. #sideimage{
  102. width: 180px; margin: 0px; padding: 0px;
  103. }
  104. #nav {
  105.         font: 10px georgia, times new roman, serif;color: {color:sidebar link}; letter-spacing: 1px; padding: 0px; padding-left: 15px;margin:0px; text-align: left;
  106. }
  107. #nav a{
  108.         color: {color:sidebar link hover};
  109. }
  110. #desc {
  111.         font: italic 9px times new roman, georgia, serif; margin-bottom: 5px;  line-height: 12px; text-transform: lowercase ;padding: 7px; width: 500px;border-bottom: 1px dotted {color:sidebar link border}; border-top: 1px dotted {color:sidebar link border};background: {color:sidebar background} url({image:sidebar background}); color: {color:sidebar text}; letter-spacing: 1px; text-align: center;
  112. }
  113. #menu {
  114. width: 200px;text-align:left;font: italic 9px times new roman, georgia, serif; margin-bottom: 5px;  line-height: 12px; text-transform: lowercase ;padding: 7px; color: color: {color:sidebar link};
  115. }
  116. #over{height:2000px!important;position:absolute;top:0px;left:0px;width: 100%;}
  117. #menu a{
  118.         color: {color:sidebar link};
  119.         display: block;
  120.         text-decoration: none;
  121.         text-transform: lowercase;
  122.         letter-spacing: 2px;
  123.         padding: 2px;padding-left: 5px; margin-bottom: 5px;
  124.         width: 170px; background: {color:sidebar link background} url({image:sidebar background});
  125. border-bottom: 1px dotted {color:sidebar link border};
  126. border-top: 1px dotted {color:sidebar link border};
  127.         -webkit-transition: all 0.9s ease;
  128.         -moz-transition: all 0.9s ease;
  129.         -o-transition: all 0.9s ease;
  130. }
  131. #menu a:hover{
  132.         color:{color:sidebar link hover};
  133.         width: 200px;
  134.         -webkit-transition: all 0.9s ease;
  135.         -moz-transition: all 0.9s ease;
  136.         -o-transition: all 0.9s ease;
  137. }
  138. #desc p{
  139.         padding: 0px;padding-bottom: 7px;text-align: justify!important;
  140.         margin:5px;
  141. }
  142. #desc a, #nav a{
  143.         color: {color:sidebar link};
  144.         -webkit-transition: all 0.9s ease;
  145.         -moz-transition: all 0.9s ease;
  146.         -o-transition: all 0.9s ease;
  147. }
  148. #desc a:hover, #nav a:hover{
  149.         color:{color:sidebar link hover};
  150. }
  151. #title{
  152.         margin-top: 0px;
  153.         background:none;
  154.         text-align: center;
  155.         letter-spacing:1px;
  156.         text-transform: lowercase;
  157.         font: italic 30px/26px "fanwood", arial narrow, arial, sans-serif;
  158.         margin-bottom: 3px;
  159. }
  160. #title a{
  161.         color: {color:title};
  162.         text-decoration: none;
  163.         font-style: italic;
  164.         -webkit-transition: all 0.9s ease;
  165.         -moz-transition: all 0.9s ease;
  166.         -o-transition: all 0.9s ease;
  167.         }
  168. #title a:hover{
  169.         color: {color:title hover};
  170.         }
  171. #title img{
  172.         float: right;
  173.         border-top: 15px solid {color:userpic border};
  174.         margin-left: 5px;
  175.         margin-right: 15px;
  176. }
  177. #chat ul,#chat ol,#chat li{
  178.         list-style:none;
  179.         padding: 1px;
  180. }
  181. ul, ol {
  182.         padding-left: 5px!important;
  183.         margin-left:15px!important;
  184. }
  185. #asker {
  186.         border-bottom: 1px dotted {color:sidebar link border};
  187.         color:{color:blockquote text} ;
  188.         margin:7px;
  189. }
  190. #asker a{
  191.         color: {color:link};
  192. }
  193. #answer{
  194. padding: 5px;
  195. }
  196. #quote {
  197.         color: {color:title};
  198.         text-decoration: none;
  199.         font-style: normal;
  200.         text-align:center;
  201.         letter-spacing:0px;
  202.         text-transform: uppercase;
  203.         font: bold 10px times new roman, georgia, serif;
  204. }
  205. h1 {
  206. font-size: 18px; letter-spacing: 0px; text-transform: lowercase; font-family: fanwood, times new roman, serif;margin: 7px;line-height:10px;font-weight: normal; font-style: italic;
  207. }
  208. h1 a{
  209.         color: {color:post title}
  210. }
  211. h1 a:hover{
  212.         color: {color:post title hover}
  213. }
  214.  
  215. #tags a{
  216.         font-size: 9px; font-weight: normal; font-family: times new roman, georgia, serif;  text-transform: lowercase; color: {color:link 2}; text-align: center; font-style: italic;
  217. }
  218. #answer a, #source a, #caption a, #audiotext a, #quotesource a, #text a, #captiona a{
  219.         font: 8px garamond, times new roman, serif;
  220.         color: {color:link};
  221.         font-weight: normal;letter-spacing: 1px;
  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.         background-color:{color:link 2};
  226. }
  227. #quotesource {
  228.         display: block;
  229.         text-align: center;
  230. }
  231. .label {
  232.         font: 9px Georgia, "Times New Roman", Times, 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 georgia, times new roman, serif;
  242. }
  243. ul, ol {
  244.         padding-left: 5px!important;
  245.         margin-left:15px!important;
  246. }
  247. #audio {
  248.         margin-left: 15px;
  249. }
  250. #audiotext{
  251.         padding: 5px;
  252. }
  253. #note {
  254.         font-size: 9px;
  255.         background: {color:background};
  256.         padding: 7px;
  257.         float:NONE;
  258.         color: {color:post text};
  259.         width: 500px;
  260. }
  261. li.note {
  262.         list-style:none;
  263.         padding: 3px;
  264.         margin: 0px;
  265.         margin-right: 25px; border-bottom: 1px dotted {color:post header border};
  266. }
  267. #note a{
  268.         font: italic 9px times new roman, georgia, serif;
  269.         color: {color:post title};
  270.         text-transform:lowercase;
  271. }
  272. #note a:hover{
  273.         color: {color:post title hover};
  274. }
  275. #entry{
  276.         font: 9px georgia, times new roman, serif;
  277.         color: {color:post text};
  278.         margin: 0px;
  279.         background: {color:post background} url('{image:post background}');
  280.         overflow:hidden;
  281.         {block:indexpage}width:260px;{/block:indexpage}
  282.         {block:permalinkpage}width:500px;{/block:permalinkpage} text-align: left;
  283. }
  284. .container{
  285.         z-index:6;
  286.         overflow:hidden;
  287.         float:left!important;
  288.         {block:indexpage}width:262px;{/block:indexpage}
  289.         {block:permalinkpage}width:502px;{/block:permalinkpage}
  290.         margin:5px;
  291. }
  292. div.perma a  {
  293.         text-align:center;
  294.         position:relative;
  295.         width:100px;
  296.         text-transform:uppercase;
  297.         color: {color:permalink};margin-left: 50px;
  298.         -webkit-transition: all 0.9s ease;
  299.         -moz-transition: all 0.9s ease;
  300.         -o-transition: all 0.9s ease;
  301. background:{color:permalink background}; padding: 5px;
  302.         }
  303. div.perma {
  304.         opacity: 0;
  305.         filter:alpha(opacity=0);
  306.         -moz-opacity: 0;
  307.         -khtml-opacity: 0; height: 0px!important;
  308.         -webkit-transition: all 0.9s ease;
  309.         -moz-transition: all 0.9s ease;
  310.         -o-transition: all 0.9s ease;
  311. }
  312. div.container:hover div.perma {
  313.         opacity: 1;
  314.         filter:alpha(opacity=100);
  315.         -moz-opacity: 1;
  316.         -khtml-opacity: 1;line-height: 15px;margin-top: 15px;
  317. }
  318. #entry img{
  319.         {block:indexpage}max-width:250px!important;{/block:indexpage}
  320.         {block:permalinkpage}max-width:495px!important;{/block:permalinkpage}
  321.         margin:5px;
  322. }
  323. blockquote{
  324.         border-left: 1px dotted {color:blockquote border};
  325.         padding-left: 3px;
  326.         color: {color:blockquote text};
  327.         margin-right: 40px;
  328. }
  329. #perma a:hover{
  330.         color:{color:permalink};
  331. }
  332. table, tr, td{
  333.         font-size: 9px!important;
  334. }
  335. #text img, #captiona img, #answer img{
  336.         {block:indexpage}max-width:250px!important;{/block:indexpage}
  337.         {block:permalinkpage}max-width:495px!important;{/block:permalinkpage}
  338.         margin:0px;
  339. }
  340.  
  341. #entry p{
  342.         margin-top:0px;margin-left:5px;margin-right:5px; margin-bottom: 3px;
  343. }
  344. #permapage {
  345.         font-size: 10px; font-weight: normal; font-family: "Courier New", Courier, monospace; letter-spacing:1px;  text-transform: uppercase;
  346.         color:{color:permalink text};
  347.         margin: 5px;
  348. }
  349. #all {
  350.         {block:indexpage}width:820px;{/block:indexpage}
  351.         {block:permalinkpage}width:520px;{/block:permalinkpage}
  352. text-align:left;
  353.  
  354. }
  355. </style>
  356.  
  357. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> </script>
  358. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
  359. <script src="http://ettudis.three-words.net/js/masonry.js"></script>
  360. <script type="text/javascript">
  361. $(window).load(function () {
  362. $('#content').masonry(),
  363. $('.masonryWrap').infinitescroll({
  364. itemSelector : ".container",
  365. },
  366. function() { $('#content').masonry({ appendedContent: $(this) }); }
  367. );
  368. });
  369. </script>
  370. </head>
  371. <body>
  372.  
  373. <table width="100%" border="0">
  374.   <tr>
  375.     <td colspan="2" align="center" valign="top">  
  376.          <div id="title"><a href="/" alt="{Title}">{Title}</a> </div>
  377.          
  378.                
  379.                 <div id="desc">{block:Description}<p align="center">{Description}</p>{/block:Description}</div>
  380.        
  381.        
  382. </td>
  383.   </tr>
  384.   <tr>
  385.           {block:indexpage}<td width="80%" align="right" valign="top">{/block:indexpage}
  386.         {block:permalinkpage}<td width="65%" align="right" valign="top">{/block:permalinkpage}
  387.     <div id="all">
  388.  <div id="content">{block:Posts}
  389.    <div class="container">
  390.        
  391.         <div id="entry">
  392. <div class="perma"><a href="{Permalink}">{block:Date} {ShortMonth} {DayOfMonth} {Year} {24Hour}:{Minutes}{/block:Date} {NoteCountwithLabel}</a></div>
  393.         {block:Text}
  394.             <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1>
  395.             <div id="text">{Body}</div>
  396.             {/block:Text}
  397.                        
  398.                 {block:Photo}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="490"/></a>{/block:Photo}
  399.             {block:Photoset}{Photoset-500}{/block:Photoset}
  400.                        
  401.                         {block:Quote}
  402.                         <div id="quote">&#8220;{Quote}&#8221; </div>
  403.             <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  404.             {/block:Quote}     
  405.            
  406.             {block:Link}
  407.             <h1><a href="{URL}" {Target}>{Name}</a></h1>
  408.             {block:Description}{Description}{/block:Description}{/block:Link}
  409.            
  410.             {block:Chat}<div id="chat">{block:Title}
  411.               <h1><a href="{Permalink}">{Title}</a></h1>
  412.             {/block:Title}
  413.               <ul>
  414.                 {block:Lines}
  415.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  416.                 {/block:Lines}
  417.               </ul>
  418.             </div>
  419.             {/block:Chat}
  420.            
  421.             {block:Audio}
  422.             <div id="audiotext">{PlayCountWithLabel}</div>
  423.             <div id="audio">{AudioPlayerWhite}</div>
  424.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  425.             {/block:Audio}
  426.  
  427.             {block:Video}{Video-400}{/block:Video}
  428.  
  429.             {block:Answer}
  430.             <div id="asker">{Asker} said:<br /> {Question}</div>
  431.             <div id="answer">{Answer}</div>
  432.             {/block:Answer}
  433.            
  434.            {block:ifnotshowcaptionsonindex}{block:permalinkpage}
  435. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  436.                    {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  437.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  438.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  439.  
  440.  
  441. {block:ifshowcaptionsonindex}
  442. <div id="captiona" style="overflow:hidden; max-width:500px!important; margin:5px;">
  443.                    {block:Photo} {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  444.            {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  445.            {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}</div>{/block:ifshowcaptionsonindex}
  446.  
  447.                        
  448.                                 {block:ifshowtagsonindex}<div id="permapage"><div id="tags">
  449.          {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  450.          {block:HasTags}<img src="http://i41.tinypic.com/25iniah.png" border="0" style="margin:0px;padding:0px;" />{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div></div> {/block:ifshowtagsonindex}
  451.  
  452. {block:ifnotshowtagsonindex}{block:permalinkpage}<div id="permapage"><div id="tags">
  453.          {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentTitle}">VIA: {ReblogParentName}</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">ORI: {ReblogRootName}</a>{/block:RebloggedFrom}
  454.          {block:HasTags}<img src="http://i41.tinypic.com/25iniah.png" border="0" style="margin:0px;padding:0px;" />{block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div></div> {/block:permalinkpage}{/block:ifnotshowtagsonindex}                      </div> 
  455.  
  456.                 {block:permalinkpage}
  457.                          
  458.                         <div id="note">{block:PostNotes}{PostNotes}
  459.       {/block:PostNotes} </div>{/block:permalinkpage}</div>
  460. {/block:Posts}</div>
  461.          
  462. </div></td>
  463.  
  464.                   {block:indexpage}  <td width="20%" align="left" valign="top">{/block:indexpage}
  465.         {block:permalinkpage}  <td width="35%" align="left" valign="top">{/block:permalinkpage}
  466.         {block:ifsideimage}<div id="sideimage" align="center"><a href="/" alt="{Title}"><img src="{image:side}"/ id="simage" border="0" ></a></div>{/block:ifsideimage}
  467.         <div id="menu">{text:extra sidebar content}<br />{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  468.                                 {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  469.                                 {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  470.                                 {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  471.                           {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  472.                 <a href="/archive">archives</a>
  473.                 <a href="/ask">message</a>
  474.                 <a href="http://ettudis.three-words.net">&copy; theme</a> </div>
  475. <div id="nav" align="center">
  476.         {block:Pagination}
  477.                                 {block:PreviousPage}
  478.                                         <a href="{PreviousPage}">{text:previous button}</a>
  479.                                 {/block:PreviousPage}
  480.          
  481.                                 {CurrentPage}/{TotalPages}
  482.                                
  483.                            {block:NextPage}
  484.                                         <a href="{NextPage}">{text:next button}</a>
  485.                                 {/block:NextPage}
  486.                         {/block:Pagination}     </div></td>
  487.   </tr>
  488. </table>
  489. </body>
  490. </html>
RAW Paste Data
Top