SHARE
TWEET

Tumblr Theme 037

ettudisthemes Aug 19th, 2012 3,878 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 037 (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. <link href='http://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
  17. <meta name="color:background" content="#FFFFFF" />
  18. <meta name="color:blockquote border" content="#EFEFEF" />
  19. <meta name="color:blockquote text" content="#999999" />
  20. <meta name="color:caption bg" content="#FFFFFF" />
  21. <meta name="color:caption text" content="#888888" />
  22. <meta name="color:chat bg" content="#FAFAFA" />
  23. <meta name="color:description" content="#999999" />
  24. <meta name="color:description bg" content="#FFFFFF" />
  25. <meta name="color:extra links" content="#444444" />
  26. <meta name="color:extra links bg" content="#FFFFFF" />
  27. <meta name="color:img border bottom" content="#F7F7F7" />
  28. <meta name="color:img border sides" content="#FAFAFA" />
  29. <meta name="color:img border top" content="#FFFFFF" />
  30. <meta name="color:links" content="#AAAAAA" />
  31. <meta name="color:links" content="#CCCCCC" />
  32. <meta name="color:links background" content="#EFEFEF" />
  33. <meta name="color:media border" content="#FAFAFA" />
  34. <meta name="color:menu links" content="#FFFFFF" />
  35. <meta name="color:menu links bg" content="#FFFFFF" />
  36. <meta name="color:notes" content="#666666" />
  37. <meta name="color:notes img border" content="#FFFFFF" />
  38. <meta name="color:pagination" content="#999999" />
  39. <meta name="color:pagination bg" content="#FFFFFF" />
  40. <meta name="color:permalink" content="#999999" />
  41. <meta name="color:permalink bg" content="#EFEFEF" />
  42. <meta name="color:permalink hover" content="#666666" />
  43. <meta name="color:permalink hover bg" content="#FFFFFF" />
  44. <meta name="color:post bg" content="#FFFFFF" />
  45. <meta name="color:post text" content="#444444" />
  46. <meta name="color:post title" content="#000000" />
  47. <meta name="color:post title border" content="#AAAAAA" />
  48. <meta name="color:title" content="#FFFFFF" />
  49.  
  50. <meta name="if:show captions" content="1" />
  51.  
  52. <meta name="image:body background" content="http://static.tumblr.com/38tkyuw/tsOm8ymtf/reticular_tissue.png"/>
  53. <meta name="image:sidebar" content="http://25.media.tumblr.com/tumblr_m1mngqewSK1qzkpl9o1_500.jpg"/>
  54.  
  55. <meta name="text:Link 1" content="" />
  56. <meta name="text:Link 1 Title" content="" />
  57. <meta name="text:Link 2" content="" />
  58. <meta name="text:Link 2 Title" content="" />
  59. <meta name="text:Link 3" content="" />
  60. <meta name="text:Link 3 Title" content="" />
  61. <meta name="text:Link 4" content="" />
  62. <meta name="text:Link 4 Title" content="" />
  63. <meta name="text:Link 5" content="" />
  64. <meta name="text:Link 5 Title" content="" />
  65.  
  66. <style type="text/css">
  67. body {padding:0px;margin:0px;background:{color:background} url('{image:body background}');}
  68. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  69. :hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  70. #infscr-loading {display:none;}
  71. 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;}
  72. 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;}
  73. a {text-decoration:none;color:{color:links};}
  74. a:hover {color:{color:links hover};}
  75. #page {position:fixed;left:1120px;top:180px;}
  76. #page a, .current_page {color!important;background:{color:pagination bg};font:30px/26px coustard, georgia, rockwell, serif;padding:5px;padding-left:12px!Important;display:block;margin:5px;width:30px;height:30px;overflow:hidden;}
  77. #boximg {position:fixed;left:130px;top:100px;width:200px;z-index:8;border-left:{color:img border sides} 40px solid;border-right:{color:img border sides} 40px solid;border-bottom:{color:img border bottom} 40px solid;border-top:{color:img border top} 40px solid;}
  78. #box {position:fixed;left:130px;top:100px;width:200px;padding-top:15px;padding-left:10px;z-index:9;margin:40px;}
  79. a.box {display:block;margin:2px;padding:1px 5px;letter-spacing:0px;font: 16px/14px coustard, rockwell, georgia;text-transform:lowercase;color:{color:menu links};width:150px;opacity:0.6;}
  80. a.box:hover {padding-left:2px;opacity:1;}
  81. #title a{font:bold 40px/28px coustard, rockwell, georgia;letter-spacing:-1px;text-transform:uppercase;color:transparent;text-shadow: 0 0 2px {color:title};margin-bottom:10px;}
  82. div.title:hover {padding-left:5px;}
  83. #linkm {opacity:0;-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;left:340px;top:270px;font:8px lucida console, trebuchet ms, arial;color:#999;text-transform:uppercase;width:50px;text-align:center;}
  84. #linkm a {color:{color:extra links};background:{color:extra links bg};opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;display:block;margin:2px;padding:1px 5px;letter-spacing:2px;}
  85. #linkm a:hover {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  86. #boxm:hover #linkm {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1}
  87. #desc {opacity:0;-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;left:360px;top:170px;font:8px lucida console, trebuchet ms, arial;color:{color:description};text-transform:uppercase;width:100px;background:{color:description bg};padding:10px;text-align:center;}
  88. div.title:hover #desc {opacity: 0.7;filter:alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}
  89. #entry {margin-top:30px;margin-left:500px;font:9px/12px trebuchet ms, tahoma, consolas;overflow:hidden;padding:0px;width:560px;}
  90. #text{display:block;margin:0px;padding:30px;background:{color:post bg};color:{color:post text};}
  91. #border {padding:30px;background:{color:media border};margin:0px;margin-bottom:7px;!important;width:500px;}
  92. blockquote {border-left:7px solid {color:blockquote border};margin:5px;padding-left:7px;color:{color:blockquote text};}
  93. blockquote p {margin:5px 0px;}
  94. .caption {color:{color:caption text};padding:4px;background:{color:caption bg};}
  95. div.caption img, #text img {max-width:500px;}
  96. .caption p {padding: 1px 3px;margin:5px 0px;}
  97. div.caption a, #text a {font:italic 9px times new roman, times, serif;letter-spacing:1px;color:{color:links};}
  98. div.caption a:hover, #text a:hover {color:{color:links hover};}
  99. #text a:hover {background-color:{color:links hover bg}!important;}
  100. h1{font:14px/10px coustard, rockwell, georgia!important;padding-bottom:5px;border-bottom:1px dotted {color:post title border};color:{color:post title}!important;}
  101. h1 a {font:14px/10px coustard, rockwell, georgia!important;color:{color:post title}!important;}
  102. #quote, #asker a {font:14px/10px coustard, rockwell, georgia!important;border-bottom:none!Important;}
  103. #quotesource {margin-top:7px;border-top:1px dotted {color:post title border};text-align:right;}
  104. h3 {background:{color:chat bg};margin:2px;padding:2px;font-size:9px;}
  105. #asker {margin-bottom:3px;border-bottom:1px dotted {color:post title border};padding-bottom:5px;}
  106. #album{float:left;margin:0px 7px;}
  107. #audio {min-height:150px;}
  108. #player {width:28px;height:32px;overflow:hidden;position:absolute;margin-left:65px;margin-top:63px;}
  109. #info {text-align:right;margin-top:5px;}
  110. #info a, #reblog a {padding:3px;background:{color:permalink bg};color:{color:permalink};text-transform:uppercase;}
  111. #info a:hover, #reblog a:hover {background:{color:permalink hover bg};color:{color:permalink hover};}
  112. #reblog {margin-top:10px;margin-left:500px;font:9px/20px trebuchet ms, tahoma, consolas!important;padding:0px;width:560px;text-transform:uppercase;color:{color:post text};}
  113. #note {margin-top:10px;margin-left:500px;font:9px/12px trebuchet ms, tahoma, consolas;padding:0px;width:560px;background:{color:notes bg};color:{color:notes};}
  114. ol.notes {padding: 10px;margin: 0px;list-style-type: none;font:8px/16px trebuchet ms, tahoma, consolas;text-transform:uppercase;letter-spacing:1px;}
  115. ol.notes li.note img.avatar {border:7px solid {color:notes img border};margin-bottom:5px;vertical-align: -15px;}
  116.  
  117. </style>
  118. </head>
  119. <body>
  120. <div id="page">
  121.      {block:Pagination}
  122.  
  123.  {block:PreviousPage}
  124.  <a href="{PreviousPage}">&laquo;</a>
  125.  {/block:PreviousPage}
  126.  
  127.  {block:NextPage}
  128.  <a href="{NextPage}">&raquo;</a>
  129.  {/block:NextPage}
  130.  {/block:Pagination}
  131.  </div>
  132. <div id="boximg"><img src="{image:sidebar}" width="200px"></div>
  133. <div id="box"><div class="title"><span id="title"><a href="/">{Title}</a></span>
  134.     {block:description}<div id="desc">{description}</div>{/block:description}
  135. </div>
  136.     <p><a href="/ask" class="box">inbox</a><div style="margin-top:-25px;margin-left:4px;height:6px;overflow:hidden;opacity:0.2;background:{color:menu links bg};width:140px;"> .</div>
  137.     <a href="/archive" class="box">history</a><div style="margin-top:-12px;margin-left:4px;height:9px;overflow:hidden;opacity:0.2;background:{color:menu links bg};width:140px;"> .</div>
  138.     <div id="boxm"><a name="extra links"class="box">links</a><div style="margin-top:-10px;margin-left:4px;height:14px;overflow:hidden;opacity:0.2;background:{color:menu links bg};width:140px;"> .</div>
  139.     <div id="linkm">
  140.         {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  141.             {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  142.             {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  143.             {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  144.             {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  145.     </div>
  146.     </div>
  147.         <a href="http://ettudis.three-words.net" class="box">theme</a><div style="margin-top:-9px;margin-left:4px;height:20px;overflow:hidden;opacity:0.2;background:{color:menu links bg};width:140px;"> .</div>
  148.     </p>
  149. </div>
  150.  
  151.  
  152. {block:Posts}
  153. <div id="entry">
  154. <div id="post">
  155.  
  156.  
  157. {block:Text}<div id="text">
  158.         {block:Title}<h1>{Title}</h1>{/block:Title}
  159.         {Body}</div>
  160. {/block:Text}
  161.  
  162. {block:Photo}
  163.         {block:indexpage}<div id="border"><a href="{Permalink}"><img src="{PhotoURL-500}" border="0"/></a></div>{/block:indexpage}
  164.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  165.         {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  166. {/block:Photo}
  167.  
  168. {block:Photoset}
  169.         {block:indexpage}<div id="border">{Photoset-500}</div>{/block:indexpage}
  170.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  171.         {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  172. {/block:Photoset}
  173.  
  174. {block:Quote}<div id="text">
  175.         <div id="quote">{Quote}</div>
  176.         {block:Source}<div id="quotesource">{Source}</div>{/block:Source}</div>
  177. {/block:Quote}
  178.  
  179. {block:Link}<div id="text">
  180.         <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  181.         {block:Description}{Description}{/block:Description}</div>
  182. {/block:Link}
  183.  
  184. {block:Chat}<div id="text">
  185.         {block:Title}<h1>{Title}</h1>{/block:Title}
  186.         {block:Lines}<h3>{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}</h3>{/block:Lines}</div>
  187. {/block:Chat}
  188.  
  189. {block:Audio}<div id="text"><div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="150">{/block:AlbumArt}</div>
  190.         <div id="audio"> <div id="player">{AudioPlayerGrey} </div>      
  191. {block:ifshowcaptions}
  192. {PlayCountWithLabel} {block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:ifshowcaptions}
  193. </div>
  194. </div>
  195. {/block:Audio}
  196.  
  197. {block:Video}
  198.         {block:indexpage}<div id="border">{video-500}</div>{/block:indexpage}
  199.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  200.         {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  201. {/block:Video}
  202.  
  203. {block:Answer}<div id="text" style="min-height:50px;">
  204.         <div id="asker"><img src="{AskerPortraitURL-30}" style="margin-top:0px!important;margin:5px;float:left;border:7px solid #EFEFEF;"> <div id="quote">{Asker} asked:</div> {Question} </div>
  205.         <p style="margin-left:5px;">{Answer}</p></div>
  206. {/block:Answer}
  207.  
  208. </div>
  209. </div>
  210.  
  211. <div id="reblog"><div id="data"><center>
  212. {block:Date}<a href="{Permalink}"> {Month} {DayofMonth}, {Year}</a> {block:NoteCount}/ <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  213. {block:PermalinkPage}{block:ContentSource}<br><a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a>  <a href="{ReblogRootURL}">Origin</a>{/block:RebloggedFrom}</a>{/block:PermalinkPage}      
  214. </div>
  215.  
  216.     {block:PermalinkPage}<div id="tags"><center>{block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a> <font style="font-size:6px;">●</font> {/block:Tags}{/block:HasTags}</center></div>{/block:PermalinkPage}
  217.    
  218. </center></div></div>
  219.  
  220. {block:PermalinkPage}
  221.         {block:PostNotes}
  222.                 <div id="note">{PostNotes}</div>
  223.         {/block:PostNotes}
  224. {/block:permalinkpage}{/block:Posts}
  225.  
  226. </body>
  227. </html>
RAW Paste Data
Top