SHARE
TWEET

Tumblr Theme 039

ettudisthemes Aug 23rd, 2012 4,629 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 039 (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" xml:lang="en" lang="en">
  10. <head>
  11. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  12. {block:Description}
  13. <meta name="Description" content="{MetaDescription}" />
  14. {/block:Description}
  15. <link rel="shortcut icon" href="{favicon}" />
  16.  
  17. <meta name="color:background" content="#FEFEFE" />
  18. <meta name="color:border" content="#EEEEEE" />
  19. <meta name="color:description" content="#999999" />
  20. <meta name="color:description bg" content="#FFFFFF" />
  21. <meta name="color:info" content="#666666" />
  22. <meta name="color:info border" content="#EEEEEE" />
  23. <meta name="color:info link" content="#AAAAAA" />
  24. <meta name="color:info link hover" content="#EEEEEE" />
  25. <meta name="color:links" content="#BBBBBB" />
  26. <meta name="color:links bg" content="#FAFAFA" />
  27. <meta name="color:links hover" content="#444444" />
  28. <meta name="color:menu link" content="#AAAAAA" />
  29. <meta name="color:menu link bg" content="#FAFAFA" />
  30. <meta name="color:menu link hover" content="#FFFFFF" />
  31. <meta name="color:menu link hover bg" content="#444444" />
  32. <meta name="color:permalink" content="#666666" />
  33. <meta name="color:permalink hover" content="#BBBBBB" />
  34. <meta name="color:pagination" content="#AAAAAA" />
  35. <meta name="color:pagination hover" content="#444444" />
  36. <meta name="color:post" content="#888888" />
  37. <meta name="color:post bg" content="#FFFFFF" />
  38. <meta name="color:post border" content="#EEEEEE" />
  39. <meta name="color:post title" content="#666666" />
  40. <meta name="color:post title border" content="#EEEEEE" />
  41. <meta name="color:title" content="#999999" />
  42. <meta name="color:title hover" content="#444444" />
  43. <meta name="image:background" content="">
  44. <meta name="if:fade effect" content="1" />
  45. <meta name="if:hover effects" content="1" />
  46. <meta name="if:size 500" content="1" />
  47. <meta name="if:size 400" content="0" />
  48. <meta name="if:size 250" content="0" />
  49. <meta name="if:show captions" content="1" />
  50. <meta name="if:show tags" content="0" />
  51. <meta name="text:Link 1" content="" />
  52. <meta name="text:Link 1 Title" content="" />
  53. <meta name="text:Link 2" content="" />
  54. <meta name="text:Link 2 Title" content="" />
  55. <meta name="text:Link 3" content="" />
  56. <meta name="text:Link 3 Title" content="" />
  57. <meta name="text:Link 4" content="" />
  58. <meta name="text:Link 4 Title" content="" />
  59. <meta name="text:Link 5" content="" />
  60. <meta name="text:Link 5 Title" content="" />
  61.  
  62. <style type="text/css">
  63. body {padding:0px;margin-top:60px!important;margin:5px;background:{color:background} url({image:background}) fixed;border-top:1px dotted {color:border};}
  64. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  65. :hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  66. #infscr-loading {display:none;}
  67. iframe#tumblr_controls {right:3px !important; position: fixed !important;opacity: 0.2;filter:alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  68. iframe#tumblr_controls:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  69. a {text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  70. #icon {margin-top:20px!important;position:fixed;left:10px;top:12px;z-index:15;}
  71. #icon, #desc{padding:7px;border:{color:border} dotted 1px;background:{color:description bg};float:left;margin:0px 7px 7px 0px;}
  72. #desc {width:250px;color:{color:description};position:fixed;right:5px;top:42px;font:7px trebuchet ms, lucida sans unicode, sans-serif;text-transform:uppercase;letter-spacing:2px;width:300px;padding:10px!Important;z-index:12;}
  73. #menu, #box {width:250px;line-height:10px;font:11px/10px garamond, georgia, times new roman, serif;margin:0px 7px 7px 0px;letter-spacing:1px;z-index:11;}
  74. #box {position:fixed;right:10px;top:36px;text-align:right;z-index:14;}
  75. #menu {position:fixed;left:115px;top:80px;text-align:left;z-index:13;}
  76. #menu a, #box a {font-style:italic;padding:0px 5px;text-align:center;background:{color:menu link bg};margin:2px;color:{color:menu link};text-transform:none!important;}
  77. #title {width:100%;text-align:left;position:fixed;left:100px;top:52px;z-index:10;}
  78. #title a{color:{color:title};font:italic 20px/20px garamond, georgia, times new roman, serif;text-transform:lowercase;background:{color:background};padding:0 10px;border-left:1px dotted {color:border};border-right:1px dotted {color:border};}
  79. #border-top {background:{color:background};border-bottom:1px dotted {color:border};margin:0px;z-index:9;height:60px;position:fixed;top:0px;left:0px;border-right:5px solid {color:background};border-left:5px solid {color:background};width:100%;}
  80. #border-bottom {background:{color:background};border-bottom:1px dotted {color:border};margin:0px;z-index:8;height:150px;position:fixed;top:0px;left:0px;border-right:5px solid {color:background};border-left:5px solid {color:background};width:100%;}
  81. #entry {margin-top:90px!important;margin:0px auto; font:9px/12px trebuchet ms, lucida sans unicode, sans-serif;overflow:hidden;padding:0px;{block:ifsize250}{block:IndexPage}width:342px;{/block:IndexPage}{/block:ifsize250}{block:ifsize400}{block:IndexPage}width:492px;{/block:IndexPage}{/block:ifsize400}{block:ifsize500}{block:IndexPage}width:592px;{/block:IndexPage}{/block:ifsize500}{block:PermalinkPage}width:592px;{/block:PermalinkPage}}
  82. #wrap {margin-bottom:30px!important;{block:indexpage}border-top:1px dotted {color:post border};{/block:indexpage}overflow:visible;margin-top:30px!important;}
  83. #post {background:{color:post bg};padding:10px!important;{block:ifsize250}{block:IndexPage}width:250px;{/block:IndexPage}{/block:ifsize250}{block:ifsize400}{block:IndexPage}width:400px;{/block:IndexPage}{/block:ifsize400}{block:ifsize500}{block:IndexPage}width:500px;{/block:IndexPage}{/block:ifsize500}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin-left:70px;border:1px dotted {color:post border};margin-top:-10px;overflow:hidden;}
  84. #note {background:{color:post bg};padding:10px!important;
  85. {block:ifsize250}{block:IndexPage}width:250px;{/block:IndexPage}{/block:ifsize250}{block:ifsize400}{block:IndexPage}width:400px;{/block:IndexPage}{/block:ifsize400}{block:ifsize500}{block:IndexPage}width:500px;{/block:IndexPage}{/block:ifsize500}{block:PermalinkPage}width:500px{/block:PermalinkPage};
  86. margin-left:70px;border:1px dotted {color:post border};margin-top:10px!Important;}
  87. div.caption img, #text img {{block:ifsize250}{block:IndexPage}max-width:250px;{/block:IndexPage}{/block:ifsize250}{block:ifsize400}{block:IndexPage}max-width:400px;{/block:IndexPage}{/block:ifsize400}{block:ifsize500}{block:IndexPage}max-width:500px;{/block:IndexPage}{/block:ifsize500}{block:PermalinkPage}max-width:500px;{/block:PermalinkPage}}
  88. #info {float:left;width:40px;background:{color:post bg};padding:5px 10px;text-align:center;border:1px dotted {color:post border};margin-top:-10px!Important;font:7px trebuchet ms, lucida sans unicode, sans-serif;text-transform:uppercase;letter-spacing:2px;{block:permalinkpage}visibility:hidden{/block:permalinkpage}}
  89. #info a {color:{color:permalink};}
  90. h1, h1 a {font:italic 16px/10px garamond, georgia, times new roman, serif!important;color:{color:post title}!important;margin:0px;margin-bottom:15px!important;letter-spacing:1px!important;text-align:center;text-decoration:none!important;background:none!important;}
  91. h1 a{border-bottom:1px dotted {color:post title border};}
  92. blockquote {margin:5px 10px;padding:0px 5px;border-left:1px dotted {color:info border};}
  93. blockquote p{margin:3px 0px;padding:0px;}
  94. #text, .caption {color:{color:post};}
  95. #tags {margin:0px;display:block;font:7px trebuchet ms, lucida sans unicode, sans-serif;color:{color:info};text-transform:uppercase;letter-spacing:2px;border-top:1px dotted {color:info border};padding-top:7px;margin-top:9px!important;}
  96. #tags a{color:{color:info link}!important;font:italic 11px/8px garamond, georgia, times new roman, serif!important;text-transform:none!important;letter-spacing:1px!important;text-decoration:none!important;}
  97. div.caption a, #text a {font:italic 11px/11px garamond, georgia, times new roman, serif;color:{color:links};letter-spacing:1px;background:{color:links bg};text-decoration:none;padding:0 3px;}
  98. #quote, #asked, #asker a {font:italic 14px/12px garamond, georgia, times new roman, serif;letter-spacing:1px;background:none!important;border-bottom:none!Important;}
  99. #asker {margin-bottom:3px;border-bottom:1px dotted {color:info border};}
  100. #quotesource {text-align:right;padding-top:5px;}
  101. #album{float:left;margin:0px 7px;}
  102. #audio {min-height:105px;}
  103. #player {width:28px;height:32px;overflow:hidden;position:absolute;margin-left:45px;margin-top:43px;}
  104. ol.notes {padding: 0px;margin: 0px;list-style-type: none;text-transform:uppercase;font-size:7px!Important;letter-spacing:1px;}
  105. ol.notes li.note img.avatar {border:1px dotted {color:info border};margin-bottom:5px;vertical-align: -15px;padding:4px;}
  106. #note a{color:{color:info link};}
  107. #page {width:100%;position:fixed;top:200px;z-index:20px;}
  108. #page a{font:50px trebuchet ms, lucida sans unicode, sans-serif;color:{color:pagination};margin:5px;}
  109. #prev {float:left;}
  110. #next {float:right;}
  111. {block:iffadeeffect}
  112. img {opacity:0.7;-webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  113. img:hover {opacity:1;}{/block:iffadeeffect}
  114. {block:ifhovereffects}
  115. #menu a:hover, #box a:hover {background:{color:menu link hover bg};color:{color:menu link hover};}
  116. #page a:hover {color:{color:pagination hover};}
  117. #note a:hover {color:{color:info link hover}!important;}
  118. div.caption a:hover, #text a:hover {letter-spacing:2px;text-decoration:line-through;color:{color:links hover};background:none!important;}
  119. #title a:hover {color:{color:title hover};}
  120. h1 a:hover {letter-spacing:1px!important;text-decoration:none!important;color:{color:links hover}!important;}
  121. #asker a:hover {letter-spacing:1px!important;text-decoration:none!important;color:{color:links hover}!important;}
  122. #info a:hover {color:{color:permalink hover}!important;}
  123. #tags a:hover {color:{color:info link hover}!important;}
  124. {/block:ifhovereffects}
  125. </style>
  126. </head>
  127. <body>
  128.  
  129. <div id="page">
  130.      {block:Pagination}
  131.  
  132.  {block:PreviousPage}
  133.  <div id="prev"><a href="{PreviousPage}">&laquo</a></div>
  134.  {/block:PreviousPage}
  135.  
  136.  {block:NextPage}
  137.  <div id="next"><a href="{NextPage}">&raquo;</a></div>
  138.  {/block:NextPage}
  139.  {/block:Pagination}
  140.  </div>
  141.  
  142. <div id="border-top"></div>
  143. <div id="border-bottom"></div>
  144. <img src="{PortraitURL-64}" id="icon">
  145. <div id="title"><a href="/">{Title}</a></div>
  146. <div id="desc">{block:Description}{Description}{/block:description}</div>
  147. <div id="menu">
  148.         <a href="/">index</a>
  149.          <a href="/archive">history</a>
  150.          {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  151.          <a href="http://ettudis.three-words.net">theme</a>
  152.     </div>    
  153. <div id="box">
  154.          {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  155.             {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  156.             {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  157.             {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  158.             {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  159. </div>
  160.  
  161. <div id="entry">
  162. {block:Posts}
  163. <div id="wrap">
  164.  
  165. {block:IndexPage}<div id="info"><a href="{Permalink}"> {ShortMonth} {DayofMonthwithZero}</br> {Year}</a></div>{/block:IndexPage}
  166.  
  167. <div id="post">
  168.  
  169. {block:Text}<div id="text">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  170.  
  171. {block:Photo}
  172.         {block:indexpage}<div id="border"><a href="/">{block:ifsize250}<img src="{PhotoURL-250}" border="0"/>{/block:ifsize250}{block:ifsize400}<img src="{PhotoURL-400}" border="0"/>{/block:ifsize400}{block:ifsize500}<img src="{PhotoURL-500}" border="0"/>{/block:ifsize500}</a></div>{/block:indexpage}
  173.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  174.         {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  175. {/block:Photo}
  176.  
  177. {block:Photoset}
  178.         {block:indexpage}<div id="border">{block:ifsize250}{Photoset-250}{/block:ifsize250}{block:ifsize400}{Photoset-400}{/block:ifsize400}{block:ifsize500}{Photoset-500}{/block:ifsize500}</div>{/block:indexpage}
  179.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  180.         {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  181. {/block:Photoset}
  182.  
  183. {block:Quote}<div id="text">
  184.         <div id="quote">{Quote}</div>
  185.         {block:Source}<div id="quotesource">{Source}</div>{/block:Source}</div>
  186. {/block:Quote}
  187.  
  188. {block:Link}<div id="text">
  189.         <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  190.         {block:Description}{Description}{/block:Description}</div>
  191. {/block:Link}
  192.  
  193. {block:Chat}<div id="text">
  194.         {block:Title}<h1>{Title}</h1>{/block:Title}
  195.         {block:Lines}{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}<br>{/block:Lines}</div>
  196. {/block:Chat}
  197.  
  198. {block:Audio}<div id="text">
  199.         <div id="audio"> <div id="player">{AudioPlayerWhite} </div>      
  200. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  201. {PlayCountWithLabel} {block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  202. </div>
  203. </div>
  204. {/block:Audio}
  205.  
  206. {block:Video}
  207.         {block:indexpage}<div id="border">{block:ifsize250}{video-250}</div>{/block:ifsize250}{block:ifsize400}{video-400}{/block:ifsize400}{block:ifsize500}{video-500}{/block:ifsize500}</div>{/block:indexpage}
  208.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  209.         {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  210. {/block:Video}
  211.  
  212. {block:Answer}<div id="text" style="min-height:50px;">
  213.         <div id="asker"><img src="{AskerPortraitURL-30}" style="margin-top:0px!important;margin:5px;float:left;border:1px dotted {color:info border};padding:5px;background:{color:post bg};"> {Asker} <font id="asked">asked:</font> {Question}</div>
  214.         <p style="margin-left:5px;">{Answer}</p></div>
  215. {/block:Answer}
  216.  
  217.  
  218. {block:ifshowtags}
  219. {block:indexpage}{block:HasTags}<span id="tags">tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> - {/block:Tags}</span>{/block:HasTags}{/block:indexpage}{/block:ifshowtags}
  220.  
  221. {block:permalinkpage}
  222. <span id="tags">
  223. {block:Date} {Month} {DayofMonth}, {Year}{/block:Date} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}
  224. {block:ContentSource}<br><a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a> - <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</a><br>
  225. {block:HasTags}tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> - {/block:Tags}{/block:HasTags}
  226.  
  227. </span>
  228. {/block:permalinkpage}
  229.  
  230. </div>
  231.     {block:PermalinkPage}
  232.         {block:PostNotes}
  233.                 <div id="note">{PostNotes}</div>
  234.         {/block:PostNotes}
  235. {/block:permalinkpage}
  236. </div>
  237. {/block:Posts}
  238. </div>
  239.  
  240. </body>
  241. </html>
RAW Paste Data
Top