SHARE
TWEET

tumblr theme 019

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