SHARE
TWEET

tumblr theme 004

ettudis Apr 17th, 2011 6,264 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 004 (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>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <meta name="color:background" content="#FFFFFF" />
  16. <meta name="color:blockquote" content="#FAFAFA" />
  17. <meta name="color:post background" content="#FFFFFF" />
  18. <meta name="color:post text" content="#999999" />
  19. <meta name="color:post text link" content="#00AD92" />
  20. <meta name="color:sidebar background" content="#f0f0f0" />
  21. <meta name="color:sidebar text" content="#999999" />
  22. <meta name="color:sidebar link" content="#ADADAD" />
  23. <meta name="color:sidebar linkhover" content="#ae8b00" />
  24. <meta name="color:sidebar link border" content="#FFFFFF" />
  25. <meta name="color:title" content="#787878" />
  26. <meta name="color:title hover" content="#333333" />
  27. <meta name="text:Link 1 Title" content="" />
  28. <meta name="text:Link 1" content="" />
  29. <meta name="text:Link 2 Title" content="" />
  30. <meta name="text:Link 2" content="" />
  31. <meta name="text:Link 3 Title" content="" />
  32. <meta name="text:Link 3" content="" />
  33. <meta name="text:Link 4 Title" content="" />
  34. <meta name="text:Link 4" content="" />
  35. <meta name="text:Link 5 Title" content="" />
  36. <meta name="text:Link 5" content="" />
  37. <meta name="image:background" content=""/>
  38. <meta name="image:side" content=""/>
  39. <meta name="image:sidebar background" content=""/>
  40. <meta name="image:post background" content=""/>
  41. <meta name="if:sidebar placed bottom" content="1"/>
  42. {block:IfInfiniteScrolling}
  43. <script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescrolling.js"></script>{/block:IfInfiniteScrolling}
  44. {block:IfGradualFade}<script type="text/javascript" src="http://ettudis.three-words.net/gradualfader.js">
  45.  
  46. /***********************************************
  47. * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  48. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  49. * This notice must stay intact for legal use
  50. ***********************************************/
  51.  
  52. </script>{/block:IfGradualFade}
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57. body {
  58.         background: {color:background} url('{image:background}');
  59.         margin: 0px;
  60.         padding: 0px;
  61.         background-attachment: fixed;
  62. }
  63. a {
  64.         text-decoration: none;
  65.         color: {color:post text link};
  66. }
  67. #title {
  68.         text-align: center;
  69.         padding: 10px 5px;
  70. }
  71. #title a{
  72.         font: 16px "Courier New", Courier, monospace;
  73.         letter-spacing: 1px;
  74.         color: {color:title};
  75. }
  76. #title a:hover {
  77.         color: {color:title hover};
  78. }
  79. #sidebarb {
  80.         margin: 50px 0px 5px;
  81.         position:fixed;
  82.         width: 250px;
  83.         font: 10px Georgia, "Times New Roman", Times, serif;
  84.         color: {color:sidebar text};
  85. }
  86. {block:ifsidebarplacedbottom}#sidebarb {        bottom: 0px;}{/block:ifsidebarplacedbottom}
  87. {block:ifnotsidebarplacedbottom}#sidebarb {     top: 0px;}{/block:ifnotsidebarplacedbottom}
  88. #sidebar {
  89.         -moz-border-radius: 9px;
  90.         -webkit-border-radius: 9px;
  91.         border-radius: 9px;
  92.         background: {color:sidebar background} url('{image:sidebar background}');
  93. }
  94. #nav a{ font: 75px Georgia, "Times New Roman", Times, serif;
  95.         color: {color:sidebar text};
  96. }
  97. #nav a:hover {
  98.         color: {color:title hover};
  99. }
  100. #desc {
  101.         padding-bottom: 15px;
  102. }
  103. #desc p{
  104.         padding: 2px 10px;
  105. }
  106. #desc a{
  107.         text-align: left;
  108.         font: 11px "Courier New", Courier, monospace;
  109.         color: {color:sidebar link};
  110.         border-bottom: 1px solid {color:sidebar link border};
  111.         display: block;
  112.         padding-left: 10px;
  113. }
  114. #desc a:hover{
  115.         color: {color:sidebar linkhover};
  116. }
  117. .side {
  118.         max-width: 200px;
  119.         height: auto;
  120. }
  121. iframe#tumblr_controls {right:3px !important;
  122. position: fixed !important;
  123. -webkit-transition: opacity 0.8s linear;
  124. opacity: 0.1;
  125. -webkit-transition: all 0.8s ease-out;
  126. -moz-transition: all 0.8s ease-out;
  127. transition: all 0.8s ease-out;}
  128.  
  129. iframe#tumblr_controls:hover{
  130. -webkit-transition: opacity 0.8s linear;
  131. opacity: 1;
  132. -webkit-transition: all 0.4s ease-out;
  133. -moz-transition: all 0.4s ease-out;
  134. transition: all 0.4s ease-out;}
  135.  
  136. #asker {
  137.         font-style: italic;
  138.         background: {color:blockquote};
  139.         -moz-border-radius: 5px;
  140.         -webkit-border-radius: 5px;
  141.         border-radius: 5px;
  142. }
  143. #asker a{
  144.         color: {color:post text link};
  145. }
  146. #quote {
  147.         padding: 5px;
  148.         font: 12px/12px "Courier New", Courier, monospace;
  149.         text-transform: lowercase;
  150.         letter-spacing: 1px;
  151. }
  152. h1 {
  153.         font: 12px "Courier New", Courier, monospace;
  154.         text-transform:lowercase;
  155.         letter-spacing: 1px;
  156.         padding: 5px;
  157.         margin: 0px;
  158.         color: {color:post text};
  159.         background: {color:blockquote};
  160.         -moz-border-radius: 5px;
  161.         -webkit-border-radius: 5px;
  162.         border-radius: 5px;
  163. }
  164. h1 a{
  165.         text-decoration:none;
  166.         color: {color:title};
  167. }
  168. h1 a:hover {
  169.         color: {color:sidebar linkhover};
  170. }
  171. #entry {
  172.         font-size: 10px;
  173.         letter-spacing: 1px;
  174.         color: {color:post text};
  175. }
  176. #content2{
  177.         overflow:hidden;
  178.         width:550;
  179.         padding: 7px;
  180.         font: 9px Georgia, "Times New Roman", Times, serif;
  181.         color: {color:post text};
  182.         background: {color:post background} url('{image:post background}');
  183.         margin: 15px;
  184.         -moz-border-radius: 5px;
  185.         -webkit-border-radius: 5px;
  186.         border-radius: 5px;
  187. }
  188. #quotesource {
  189.         display: block;
  190.         text-align: center;
  191. }
  192. #quotesource a {
  193.         font-style: italic;
  194.         text-decoration:none;
  195.         letter-spacing: 1px;
  196.         color: {color:sidebar linkhover};
  197. }
  198. #quotesource a:hover {
  199.         color: {color:title hover};
  200. }
  201. #chat {
  202.         font-style: normal!important;
  203. }
  204. .label {
  205.         font-style: italic;
  206.         color: {color:sidebar linkhover};
  207.         padding-right: 5px;
  208. }
  209. .person1 .label {
  210.         padding-right: 5px;
  211.         font-style:italic;
  212.         color: {color:post text link};
  213. }
  214. ul {
  215.         list-style:none;
  216.         padding-left: 5px;
  217. }
  218. #audio {
  219.         margin-left: 15px;
  220. }
  221. #audiotext {
  222.         padding: 0px;
  223.         margin-top: 0px;
  224.         margin-bottom: 5px;
  225.         margin-left: 25px;
  226.         text-transform: lowercase;
  227.         font-style:italic;
  228. }
  229. #audiotext a {
  230.         font-weight: normal;
  231.         text-decoration: none;
  232.         color: {color:title hover};
  233. }
  234. #audiotext a:hover{
  235.         color: {color:sidebar linkhover};
  236. }
  237. .caption {
  238.         text-transform: lowercase;
  239.         text-align: left;
  240. }
  241. #source {
  242.         letter-spacing: 0px;
  243.         padding-left: 15px;
  244. }
  245. #source a {
  246.         color: {color:post text link};
  247.         text-transform: lowercase;
  248. }
  249. #source a:hover{
  250.         color: {color:title hover};
  251. }
  252. #notes a{
  253.         margin-top: 3px;
  254.         display: inline;
  255.         text-decoration: none;
  256.         padding: 2px;
  257.         text-transform: lowercase;
  258.         color: {color:post text link};
  259.         background: {color:background};
  260.         margin: 2px;
  261. }
  262. #post {
  263.         margin-bottom: 50px;
  264. }
  265. #text a{
  266.         color: {Color:post text link};
  267. }
  268. #text a:hover{
  269.         color: {color:title hover};
  270.         background-color: {color:blockquote};
  271. }
  272. #tags a{
  273.         color: {Color:post text link};
  274.         margin-right: 5px;
  275. }
  276. #tags a:hover{
  277.         color: {color:background};
  278. }
  279. #captiona a{
  280.         color: {color:post text link};
  281. }
  282. #captiona a:hover{
  283.         color: {color:title hover};
  284. }
  285. ol.notes {
  286.     font-size:9px;
  287.         font-weight: normal;
  288. }
  289. ol.notes li.note {
  290.     border-top: 0px;
  291. }
  292.  
  293. ol.notes li.note img.avatar {
  294.     border:0px;
  295.     width: 16px;
  296.     height: 16px;
  297. }
  298.  
  299. ol.notes li.note span.action {
  300.     font-weight: normal;
  301. }
  302.  
  303. ol.notes li.note .answer_content {
  304.     font-weight: normal;
  305. }
  306.  
  307. ol.notes li.note blockquote a {
  308.     text-decoration: none;
  309. }
  310. #note a {
  311.                 color:{color:title hover}!important;
  312.             }
  313. blockquote {
  314.         background: {color:blockquote};
  315.         margin: 20px;
  316.         padding: 5px;
  317.         -moz-border-radius: 5px;
  318.         -webkit-border-radius: 5px;
  319.         border-radius: 5px;
  320. }
  321. #date {
  322.         font: 16px "Courier New", Courier, monospace;
  323.         letter-spacing: 1px;
  324.         color: {color:title};
  325.         margin: 15px 0px;
  326.         padding: 0px;
  327. }
  328. #date a{
  329.         color: {color:title};
  330. }
  331. #date a:hover{
  332.         color: {color:sidebar linkhover};
  333. }
  334. #permapage {
  335.         width: 550;
  336.         padding:7px;
  337.         font: 9px Georgia, "Times New Roman", Times, serif;
  338.         margin: 15px 15px 15px 25px;
  339.         -moz-border-radius: 5px;
  340.         -webkit-border-radius: 5px;
  341.         border-radius: 5px;
  342.         color: {color:post text};
  343.         background: {color:post background} url('{image:post background}');
  344. }
  345. #permapage a{
  346.         color: {color:post text link};
  347. }
  348. </style>
  349. </head>
  350. <body>
  351. <table width="100%" border="0">
  352.   <tr>
  353.     <td align="center" valign="top">
  354.         <table width="860px" border="0">
  355.   <tr>
  356.     <td width="610px" align="left" valign="top">{block:Posts}
  357.         <table width="100%" border="0" cellpadding="0" cellspacing="0">
  358.   <tr>
  359.     <td width="10px" align="right" valign="top"><div id="date"><a href="{Permalink}">+</a></div></td>
  360.     <td width="600px" align="left" valign="top"><div id="content2">
  361.                 {block:Text}
  362.                 <h1>{{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}}</h1>
  363.                 <div id="text">{Body}</div>
  364.             {/block:Text}
  365.             <div align="center">{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" />{LinkCloseTag}{/block:Photo}</div>
  366.             <div align="center">{block:Photoset}{Photoset-500}{/block:Photoset}</div>
  367.                        
  368.                         {block:Quote}
  369.                         <div id="quote" align="center">&#8220;{Quote}&#8221; </div>
  370.             <div id="quotesource" align="center">{block:Source}&#8212; {Source}{/block:Source}</div>
  371.             {/block:Quote}     
  372.            
  373.             {block:Link}
  374.             <h1>{<a href="{URL}" {Target}>{Name}</a>}</h1>
  375.             {block:Description}{Description}{/block:Description}{/block:Link}
  376.            
  377.             {block:Chat}{block:Title}
  378.               <h1>{<a href="{Permalink}">{Title}</a>}</h1>
  379.             {/block:Title}
  380.             <div id="chat">
  381.               <ul>
  382.                 {block:Lines}
  383.                 <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  384.                 {/block:Lines}
  385.               </ul>
  386.             </div>
  387.             {/block:Chat}
  388.            
  389.             {block:Audio}
  390.             <div id="audiotext">{PlayCountWithLabel}</div>
  391.             <div id="audio">{AudioPlayerBlack}</div>
  392.             <div id="audiotext">{block:Caption}{Caption}{/block:Caption}</div>
  393.             {/block:Audio}
  394.             <div align="center">{block:Video}{Video-500}{/block:Video}</div>
  395.             {block:Answer}
  396.             <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style=" float: left; margin:2px;" /> {Asker}<br />{Question}</div>
  397.             <div id="answer">{Answer}</div>
  398.             {/block:Answer}
  399.            
  400.            {block:Photo} <div id="captiona" style="overflow:hidden">{block:Caption}
  401.             <div class="caption" style="overflow:hidden">{Caption}</div>
  402.             {/block:Caption}{/block:Photo}
  403.             {block:Video}{block:Caption}
  404.             <div class="caption" style="overflow:hidden">{Caption}</div>
  405.             {/block:Caption}{/block:Video}
  406.             {block:Photoset}{block:Caption}
  407.             <div class="caption" style="overflow:hidden">{Caption}</div>
  408.             {/block:Caption}</div>{/block:Photoset}
  409. </div></div></td>
  410.   </tr>
  411. </table>{block:PermalinkPage}
  412. <table width="600" border="0" align="left" cellpadding="0" cellspacing="0">
  413.   <tr>
  414.     <td width="550" style="padding: 0px; top: 5px;">   
  415.         <div id="permapage">
  416. <center>
  417.   {block:NoteCount}&#12300;{NoteCount}&#12301;{/block:NoteCount} - {block:Date}posted on {DayOfWeek}, {ShortMonth} {MonthNumber} at {12Hour}:{Minutes} {AmPm}{/block:Date}<br/>
  418.   {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}<br />
  419.         {block:HasTags}tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center></div>
  420.    {block:PostNotes}<div id="permapage"><div id="note">{PostNotes}</div></div>{/block:PostNotes}
  421.  
  422. </td>
  423.   </tr>
  424. </table>{/block:PermalinkPage}
  425. {/block:Posts}
  426.         </td>
  427.         <td width="250px">
  428. <div id="sidebarb">
  429.         {block:ifsidebarplacedbottom}<div id="nav">
  430.         {block:Pagination}
  431.             {block:PreviousPage}
  432.                 <a href="{PreviousPage}">&laquo;</a>
  433.             {/block:PreviousPage}{block:NextPage}
  434.                 <a href="{NextPage}">&raquo;</a>
  435.             {/block:NextPage}
  436.         {/block:Pagination}
  437.         </div>{/block:ifsidebarplacedbottom}
  438.         <div id="sidebar">
  439.                 <div id="title"><a href="/" alt="{Title}">{Title}</a></div>
  440.                 <div id="side">
  441.                   <div align="center"><img class="side" src="{image:side}" /></div>
  442.                 </div>
  443.                 <div id="desc"><p>{block:Description}{Description}{/block:Description}</p>
  444.                
  445.                 {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  446.                 {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  447.                 {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  448.                 {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  449.                 {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  450.                 <a href="/archive">archives</a>
  451.                 <a href="/ask">message</a>
  452.                 <a href="http://ettudis.three-words.net">&copy; theme</a></div>
  453.         </div>
  454.                 {block:ifnotsidebarplacedbottom}<div id="nav">
  455.         {block:Pagination}
  456.             {block:PreviousPage}
  457.                 <a href="{PreviousPage}">&laquo;</a>
  458.             {/block:PreviousPage}{block:NextPage}
  459.                 <a href="{NextPage}">&raquo;</a>
  460.             {/block:NextPage}
  461.         {/block:Pagination}
  462.         </div>{/block:ifnotsidebarplacedbottom}
  463.         </div></td>
  464.   </tr>
  465. </table>
  466.         </td>
  467.   </tr>
  468. </table>
  469. </body>
  470. </html>
RAW Paste Data
Top