SHARE
TWEET

tumblr theme 036

ettudisthemes Aug 17th, 2012 2,060 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 036 (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. -->
  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. <meta name="color:background" content="#fafafa" />
  17. <meta name="color:blockquote" content="#fafafa" />
  18. <meta name="color:blockquote text" content="#999999" />
  19. <meta name="color:captions text" content="#999999" />
  20. <meta name="color:captions bg" content="#FFFFFF" />
  21. <meta name="color:extra links" content="#FFFFFF" />
  22. <meta name="color:extra links bg" content="#000000" />
  23. <meta name="color:extra links hover border" content="#000000" />
  24. <meta name="color:extra links hover bg" content="#FFFFFF" />
  25. <meta name="color:extra links hover" content="#999999" />
  26. <meta name="color:description" content="#FFFFFF" />
  27. <meta name="color:description bg" content="#000000" />
  28. <meta name="color:info" content="#222222" />
  29. <meta name="color:links" content="#999999" />
  30. <meta name="color:links border" content="#222222" />
  31. <meta name="color:links hover" content="#FFFFFF" />
  32. <meta name="color:links hover bg" content="#222222" />
  33. <meta name="color:nav box link" content="#FFFFFF" />
  34. <meta name="color:nav box link bg" content="#000000" />
  35. <meta name="color:notecount" content="#999999" />
  36. <meta name="color:notecount bg" content="#E4E4E4" />
  37. <meta name="color:media border" content="#000000" />
  38. <meta name="color:pagination text" content="#FFFFFF" />
  39. <meta name="color:post bg" content="#000000" />
  40. <meta name="color:post text" content="#FFFFFF" />
  41. <meta name="color:post title" content="#000000" />
  42. <meta name="color:post title bg" content="#FFFFFF" />
  43. <meta name="color:title" content="#000000" />
  44. <meta name="color:tags" content="#444444" />
  45. <meta name="color:tags bg" content="#FFFFFF" />
  46. <meta name="if:hover effect for description" content="1" />
  47. <meta name="if:hover effect for links" content="1" />
  48. <meta name="if:hover effect for permalinks" content="1" />
  49. <meta name="if:show captions" content="1" />
  50. <meta name="if:show tags" content="1" />
  51.  
  52. <meta name="image:background" content="http://25.media.tumblr.com/tumblr_ltju9xWnQZ1qhvdofo5_500.png"/>
  53. <meta name="image:home icon" content="http://static.tumblr.com/38tkyuw/CJdm8vi3j/home_icon_16.png"/>
  54. <meta name="image:archive icon" content="http://static.tumblr.com/38tkyuw/Zjmm8vij8/zoom_icon_16.png"/>
  55. <meta name="image:message icon" content="http://static.tumblr.com/38tkyuw/QHmm8vibs/mail_icon_16.png"/>
  56. <meta name="image:theme icon" content="http://static.tumblr.com/38tkyuw/dMzm8viss/star_fav_empty_icon_16.png"/>
  57.  
  58. <meta name="text:Link 1" content="" />
  59. <meta name="text:Link 1 Title" content="" />
  60. <meta name="text:Link 2" content="" />
  61. <meta name="text:Link 2 Title" content="" />
  62. <meta name="text:Link 3" content="" />
  63. <meta name="text:Link 3 Title" content="" />
  64. <meta name="text:Link 4" content="" />
  65. <meta name="text:Link 4 Title" content="" />
  66. <meta name="text:Link 5" content="" />
  67. <meta name="text:Link 5 Title" content="" />
  68.  
  69. <style type="text/css">
  70. /*** basic variables ***/
  71. body {margin: 0px;padding:0px;background:{color:background} url('{image:background}') fixed;}
  72. a {color: {color:links};text-decoration: none;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  73. a:hover {color: {color:links hover}-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  74. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  75. :hover {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  76. #infscr-loading {display:none;}
  77. 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;}
  78. 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;}
  79.  
  80. /*** pagination ***/
  81. #page {position:fixed;left:710px;top:180px;}
  82. #page a, .current_page {color:{color:pagination text};background:{color:nav box link bg};font:9px lucida console, trebuchet ms, consolas;padding:3px;display:block;float:left;margin:3px;width:9px;height:9px;}
  83.  
  84. /*** nav box ***/
  85. #home, #message, #archive, #theme {position:fixed;background:{color:nav box link bg};}
  86. #home {width:125px;height:20px;left:150px;top:145px;z-index:4;}
  87. #message {height:120px;width:20px;left:233px;top:125px;z-index:3;}
  88. #archive {width:125px;height:20px;left:150px;top:210px;z-index:2;}
  89. #theme {height:120px;width:20px;left:170px;top:125px;z-index:1;}
  90. a.home, a.message, a.archive, a.theme{color:{color:nav box link};font:8px consolas, lucida console, arial;text-transform:uppercase;text-decoration:none;padding:1px 3px;letter-spacing:2px;display:block;float:left;}
  91. a.home{margin:3px 52px;}
  92. a.message{margin:56px 2px;}
  93. a.archive{margin:3px 52px;}
  94. a.theme{margin:56px 2px;}
  95. #home:hover {width:82px;height:20px;left:170px;top:145px;z-index:4;}
  96. #message:hover {height:85px;width:20px;left:233px;top:145px;z-index:3;}
  97. #archive:hover {width:82px;height:20px;left:170px;top:210px;z-index:2;}
  98. #theme:hover {height:85px;width:20px;left:170px;top:145px;z-index:1;}
  99. #home:hover a.home{margin:3px 32px;}
  100. #message:hover a.message{margin:32px 2px;}
  101. #archive:hover a.archive{margin:3px 32px;}
  102. #theme:hover a.theme{margin:32px 2px;}
  103.  
  104. /*** sidebar ***/
  105. #icon {position:fixed;left:180px;top:156px;width:60px!important;height:60px!important;overflow:hidden;}
  106. .icon {border:15px solid {color:nav box link bg};}
  107. #desc {{block:ifnothovereffectfordescription}opacity:1;{/block:ifnothovereffectfordescription}{block:ifhovereffectfordescription}opacity:0;{/block:ifhovereffectfordescription}-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;color:{color:description};font:9px/12px lucida console, trebuchet ms, consolas;position:fixed;z-index:5;padding:10px;text-align:center;width:200px;top:260px;left:105px;}
  108. .title {color:{color:title};font:20px/12px courier new, courier, monospace;}
  109. #icon:hover #desc{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  110.  
  111. /*** links ***/
  112. h2 {color:{color:title};font:12px/12px courier new, courier, monospace;letter-spacing:-1px;}
  113. #links {position:fixed;top:90px;left:110px;width:200px;height:20px;text-align:center;}
  114. #link {{block:ifnothovereffectforlinks}opacity:1;{/block:ifnothovereffectforlinks}{block:ifhovereffectforlinks}opacity:0;{/block:ifhovereffectforlinks}-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;position:fixed;width:330px;height:80px;top:72px;left:50px;text-align:center;}
  115. #links:hover #link {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  116. #link a, #desc a{color:{color:extra links};background:{color:extra links bg};font:10px/14px consolas;padding:0px 3px;}
  117. #link a:hover, #desc a:hover {color:{color:extra links hover}; background: {color:extra links hover bg}; border-bottom:1px dotted {color:extra links hover border};}
  118.  
  119. /*** content ***/
  120. #entry {margin-top:30px;margin-left:330px;font:9px/12px lucida console, trebuchet ms, consolas;overflow:hidden;padding:0px;{block:indexpage}width:290px;{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage};}
  121. #reblog, #note {margin-top:10px;margin-left:330px;font:9px/16px lucida console, trebuchet ms, consolas;padding:0px;{block:permalinkpage}width:520px;{/block:permalinkpage};}
  122. #text{display:block;margin:0px;padding:20px;background:{color:post bg};color:{color:post text};}
  123. .caption {color:{color:captions text};padding:4px;}
  124. div.caption blockquote {background:{color:captions bg}!important;color:{color:captions text}!important;border-left:1px dotted {color:blockquote};}
  125. div.caption img, #text img {{block:indexpage}max-width:250px;{/block:indexpage}{block:permalinkpage}max-width:500px;{/block:permalinkpage};}
  126. blockquote {margin:5px 10px;padding:5px;}
  127. blockquote p{margin:3px 0px;padding:0px;}
  128. .caption p {background:{color:captions bg};padding: 1px 3px;margin:5px 0px;}
  129. div.caption a, #text a {font:normal 9px lucida console;padding:1px;border-bottom:1px dotted {color:links border};}
  130. div.caption a:hover, #text a:hover {color:{color:links hover};border-bottom:0px dotted #000;}
  131. #text a:hover {background-color:{color:links hover bg}!important;}
  132. #border {padding:20px;background:{color:media border};margin:0px;{block:indexpage}width:250px;{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage};}
  133. h1, h1 a {font:14px/9px courier new, courier, monospace!important;letter-spacing:-2px!important;color:{color:post title}!important;display:inline;background:{color:post title bg}!important;padding:0px 5px!important;border-bottom:none!important;}
  134. #quote, #asker, #asker a {font:italic bold 12px/10px courier new, courier, monospace;letter-spacing:-1px;border-bottom:none!Important;}
  135. #quotesource {margin-top:3px;text-align:right;}
  136. #album{float:left;margin:0px 5px;}
  137. #audio {min-height:150px;}
  138. #player {background:#E5E5E5;padding:5px 30px;margin:7px 0px;}
  139. #reblog {text-transform:uppercase;letter-spacing:3px;font-size:8px;color:{color:info text};}
  140. #reblog a {padding:3px;background: {color:captions bg};color:{color:captions text};font-size:9px;}
  141. #reblog a:hover {background: {color:post bg};color:{color:post text};}
  142.  
  143. /*** permalinks ***/
  144. #likes {position:absolute;width:80px;left:620px;margin-top:10px;{block:ifnothovereffectforpermalinks}opacity:1;{/block:ifnothovereffectforpermalinks}{block:ifhovereffectforpermalinks}opacity:0;{/block:ifhovereffectforpermalinks}-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;}
  145. #post:hover #likes {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  146. #likes a{font:normal 9px lucida console;letter-spacing:1px;}
  147. #count a {color:{color:notecount};background:{color:notecount bg};padding:3px 5px;}
  148. #tags a {color:{color:tags};background:{color:tags bg};display:block;margin-left:7px;margin-top:5px;padding:2px 5px;}
  149.  
  150. ol.notes {padding: 0px;margin: 25px 0px;list-style-type: none;}
  151. ol.notes li.note img.avatar {border:7px solid {color:nav box link bg}        ;margin-bottom:5px;vertical-align: -15px;}
  152.  
  153.  
  154. </style>
  155.  
  156. <script type="text/javascript">
  157. jQuery(document).ready(function() {
  158. jQuery(".tags").hide();
  159. //toggle the componenet with class msg_body
  160. jQuery(".categories").click(function()
  161. {
  162. jQuery(this).next(".tags").slideToggle(500);
  163. });});
  164. </script>
  165.  
  166.  
  167. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  168. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  169.  
  170. </head>
  171. <body>
  172.     <div id="icon"><img src="{PortraitURL-30}" class="icon"><div id="desc">
  173.         <span class="title">{Title}</span><p>
  174.         {block:description}<span style="padding:1px 3px;background:{color:description bg};">{description}</span>{/block:description}</div></div>
  175.     <div id="home"><a href="/" class="home"><img src="{image:home icon}" width="10px"></a></div>
  176.     <div id="archive"><a href="/archive" class="archive"><img src="{image:archive icon}" width="10px"></a></div>
  177.     <div id="message"><a href="/ask" class="message"><img src="{image:message icon}" width="10px"></a></div>
  178.     <div id="theme"><a href="http://ettudis.three-words.net" class="theme"><img src="{image:theme icon}" width="10px"></a></div>
  179.  
  180.  <div id="links"><h2>navigation</h2>
  181.  
  182.  <div id="link">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  183.             {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  184.             {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  185.             {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  186.             {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  187.      </div>
  188.  </div>
  189.  
  190.  <div id="page">
  191.      {block:Pagination}
  192.  
  193.  {block:PreviousPage}
  194.  <a href="{PreviousPage}">&laquo;</a>
  195.  {/block:PreviousPage}
  196.  
  197.  {block:JumpPagination length="3"}
  198.  
  199.  {block:CurrentPage}
  200.  <span class="current_page">{PageNumber}</span>
  201.  {/block:CurrentPage}
  202.          
  203.  {block:JumpPage}
  204.  <a class="jump_page" href="{URL}">{PageNumber}</a>
  205.  {/block:JumpPage}
  206.  {/block:JumpPagination}
  207.  
  208.  {block:NextPage}
  209.  <a href="{NextPage}">&raquo;</a>
  210.  {/block:NextPage}
  211.  {/block:Pagination}
  212.  </div>
  213.  
  214. {block:Posts}
  215. <div id="entry">
  216. <div id="post">
  217.  
  218. {block:indexpage}
  219. <div id="likes"><div id="count"><a href="{permalink}">{NoteCountWithLabel}</a></div>
  220.     {block:ifshowtags}<span id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </span>{/block:ifshowtags}{/block:indexpage}
  221. </div>
  222.  
  223. {block:Text}<div id="text">
  224.         {block:Title}<h1>{Title}</h1>{/block:Title}
  225.         {Body}</div>
  226. {/block:Text}
  227.  
  228. {block:Photo}
  229.         {block:indexpage}<div id="border"><a href="/"><img src="{PhotoURL-250}" border="0"/></a></div>{/block:indexpage}
  230.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  231.         {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:permalinkpage}
  232. {/block:Photo}
  233.  
  234. {block:Photoset}
  235.         {block:indexpage}<div id="border">{Photoset-250}</div>{/block:indexpage}
  236.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  237.         {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:permalinkpage}
  238. {/block:Photoset}
  239.  
  240. {block:Quote}<div id="text">
  241.         <div id="quote">{Quote}</div>
  242.         {block:Source}<div id="quotesource">{Source}</div>{/block:Source}</div>
  243. {/block:Quote}
  244.  
  245. {block:Link}<div id="text">
  246.         <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  247.         {block:Description}{Description}{/block:Description}</div>
  248. {/block:Link}
  249.  
  250. {block:Chat}<div id="text">
  251.         {block:Title}<h1>{Title}</h1>{/block:Title}
  252.         {block:Lines}{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}<br>{/block:Lines}</div>
  253. {/block:Chat}
  254.  
  255. {block:Audio}<div id="text">
  256.         <div id="audio"> <div id="player">{AudioPlayerGrey} </div>      
  257. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  258. {PlayCountWithLabel} {block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  259. </div>
  260. </div>
  261. {/block:Audio}
  262.  
  263. {block:Video}
  264.         {block:indexpage}<div id="border">{video-250}</div>{/block:indexpage}
  265.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  266.         {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:permalinkpage}
  267. {/block:Video}
  268.  
  269. {block:Answer}<div id="text" style="min-height:50px;">
  270.         <div id="asker" style="margin-bottom:3px;"><img src="{AskerPortraitURL-30}" style="margin-top:0px!important;margin:5px;float:left;border:7px solid {color:captions bg};"> {Asker} asked:</div> <font class="captions" style="background:{color:captions bg};color:{color:captions text};padding:1px 2px; line-height:14px;">{Question}</font>
  271.         <p style="margin-left:5px;">{Answer}</p></div>
  272. {/block:Answer}
  273.  
  274. </div>
  275.  
  276. </div>
  277. {block:PermalinkPage}
  278.  
  279. <div id="reblog"><center>
  280. {block:Date} {Month} {DayofMonth}, {Year} @ {24HourWithZero}:{Minutes}{/block:Date} {block:NoteCount}/ {NoteCountwithLabel} <br>{/block:NoteCount}
  281. {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a>  <a href="{ReblogRootURL}">Origin</a>{/block:RebloggedFrom}</a></center></div>
  282.  
  283.         {block:PostNotes}
  284.                 <div id="note">{PostNotes}</div>
  285.         {/block:PostNotes}
  286. {/block:permalinkpage}{/block:Posts}
  287.  
  288. </body>
  289. </html>
RAW Paste Data
Top