SHARE
TWEET

Tumblr Theme 038

ettudisthemes Aug 19th, 2012 18,113 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Tumblr Theme 038 (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 href='http://fonts.googleapis.com/css?family=Coustard' rel='stylesheet' type='text/css'>
  16. <link rel="shortcut icon" href="{favicon}" />
  17. <meta name="color:album art border" content="#e4dfd5" />
  18. <meta name="color:asker icon border" content="#333333" />
  19. <meta name="color:background" content="#FAF6F5" />
  20. <meta name="color:border dashed" content="#DDDDDD" />
  21. <meta name="color:chat" content="#333333" />
  22. <meta name="color:chat bg" content="#e4dfd5" />
  23. <meta name="color:description" content="#999999" />
  24. <meta name="color:description bg" content="#FFFFFF" />
  25. <meta name="color:extra links" content="#999999" />
  26. <meta name="color:extra links border" content="#f2ecea" />
  27. <meta name="color:extra links bg" content="#fffdfd" />
  28. <meta name="color:extra links hover" content="#666666" />
  29. <meta name="color:extra links hover bg" content="#FFFFFF" />
  30. <meta name="color:image border" content="#FFFFFF" />
  31. <meta name="color:info border" content="#f2ecea" />
  32. <meta name="color:info bg" content="#fffdfd" />
  33. <meta name="color:info text" content="#999999" />
  34. <meta name="color:info links" content="#CCCCCC" />
  35. <meta name="color:image border" content="#FFFFFF" />
  36. <meta name="color:links" content="#e4d7d4" />
  37. <meta name="color:links bg" content="#faf6f5" />
  38. <meta name="color:links hover" content="#AAAAAA" />
  39. <meta name="color:links hover bg" content="#f7f7f7" />
  40. <meta name="color:menu links" content="#000000" />
  41. <meta name="color:menu links hover" content="#e1c8c2" />
  42. <meta name="color:notes bg" content="#000000" />
  43. <meta name="color:notes icon border" content="#111111" />
  44. <meta name="color:notes link" content="#555555" />
  45. <meta name="color:notes text" content="#333333" />
  46. <meta name="color:pagination" content="#FFFFFF" />
  47. <meta name="color:pagination bg" content="#000000" />
  48. <meta name="color:permalink" content="#555555" />
  49. <meta name="color:permalink bg" content="#000000" />
  50. <meta name="color:permalink hover" content="#333333" />
  51. <meta name="color:post bg" content="#FFFFFF" />
  52. <meta name="color:post border" content="#DDDDDD" />
  53. <meta name="color:post text" content="#666666" />
  54. <meta name="color:post title" content="#454545" />
  55. <meta name="color:post title border" content="#e4dfd5" />
  56. <meta name="color:scrollbar thumb" content="#000000" />
  57. <meta name="color:scrollbar track" content="#FFFFFF" />
  58. <meta name="image:background" content="" />
  59. <meta name="image:permalink bg" content="" />
  60. <meta name="image:side" content="
  61. http://25.media.tumblr.com/tumblr_lljutnLo6o1qzph89o1_500.jpg" />
  62. <meta name="if:show captions" content="1" />
  63. <meta name="text:Link 1" content="" />
  64. <meta name="text:Link 1 Title" content="" />
  65. <meta name="text:Link 2" content="" />
  66. <meta name="text:Link 2 Title" content="" />
  67. <meta name="text:Link 3" content="" />
  68. <meta name="text:Link 3 Title" content="" />
  69. <meta name="text:Link 4" content="" />
  70. <meta name="text:Link 4 Title" content="" />
  71. <meta name="text:Link 5" content="" />
  72. <meta name="text:Link 5 Title" content="" />
  73. <style type="text/css">
  74. body {margin: 0px;padding:0px;background:{color:background} url({image:background}) fixed;}
  75. 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;}
  76. a:hover {color: {color:links hover};-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  77. :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;}
  78. 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;}
  79. 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;}
  80. #box {position:fixed;left:190px;top:70px;width:200px;z-index:10;}
  81. #xbord {border:1px dashed {color:border dashed};width:200px;}
  82. #img {border:20px solid {color:image border};width:160px;}
  83. #menu {position:fixed;left:20px;top:100px;z-index:9;}
  84. #menu a{color:{color:menu links};display:block;}
  85. #menu a:hover {color:{color:menu links hover};}
  86. a.m1 {font:50px/40px Coustard, georgia, times new roman, serif;letter-spacing:-5px;margin:0px 50px;}
  87. a.m2 {font:italic 70px/60px georgia, times new roman, serif;margin-top:-20px;}
  88. a.m3 {font: 65px/50px trebuchet ms, arial, sans-serif;letter-spacing:-3px;margin-top:-15px;margin-left:-10px;}
  89. a.m4 {font:bold italic 50px/10px times new roman, georgia, serif;margin-left:45px;letter-spacing:-1px;}
  90. #descr {position:fixed;left:400px;top:80px;width:160px;text-align:justify;line-height:10px!important;}
  91. .desc {background:{color:description bg};color:{color:description};font:7px/14px lucida sans unicode, century, georgia, serif;letter-spacing:1px;text-transform:uppercase;padding:0px 1px;}
  92. #desclink {margin-top:10px;}
  93. #desclink a {display:block;margin:2px 0px;font:9px lucida sans unicode, trebuchet me, sans-serif;border:1px solid {color:extra links border};background:{color:extra links bg};color:{color:extra links};text-align:center;padding:2px;}
  94. #desclink a:hover {font-style:italic;background:{color:extra links hover bg};color:{color:extra links hover};}
  95. #colm {margin-top:30px;margin-left:580px;font:9px/12px lucida sans unicode, trebuchet ms, consolas;overflow:hidden;padding:0px;overflow:visible;}
  96. #post {color:{color:post text};background:{color:post bg};padding:15px;border:1px dashed {color:post border};{block:indexpage}width:400px;{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage}position:relative;float:left;margin:-10px;min-height:47px;}
  97. #text a, div.caption a {font-size:7px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;background:{color:links bg};color:{color:links};}
  98. #text a:hover, div.caption a:hover {background:{color:links hover bg};color:{color:links hover};}
  99. div.caption img, #text img {{block:indexpage}max-width:400px;{/block:indexpage}{block:permalinkpage}max-width:500px;{/block:permalinkpage};}
  100. blockquote {margin:5px 10px;padding:5px;}
  101. blockquote p{margin:3px 0px;padding:0px;}
  102. #content {background:{color:permalink bg} url({image:permalink bg});-moz-border-radius: 0px 5px 5px 0px;-webkit-border-radius: 0px 5px 5px 0px;border-radius: 0px 5px 5px 0px;}
  103. #spacer {background:transparent!important;}
  104. #data {font-family:coustard, rockwell, georgia, times new roman, serif;color:{color:permalink};padding:10px;{block:indexpage}margin-left:420px;{/block:indexpage}{block:permalinkpage}margin-left:520px;{/block:permalinkpage}}
  105. #data a {color:{color:permalink};}
  106. #data a:hover {color:{color:permalink hover};}
  107. #info {margin-left:-10px;font:7px lucida sans unicode, trebuchet ms, sans-serif;border:1px solid {color:info border};background:{color:info bg};color:{color:info text};text-align:left;padding:5px;width:100%;text-transform:uppercase;letter-spacing:1px;line-height:10px;}
  108. #info a{text-transform:lowercase;color:{color:info links};font-size:11px;letter-spacing:0px;}
  109. #info a:hover {font-style:italic;}
  110. #note {background:{color:notes bg};padding:10px;color:{color:notes text};margin-left:-10px;margin-top:10px;font:9px lucida sans unicode, trebuchet ms, sans-serif;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
  111. #note a {text-transform:lowercase;color:{color:notes link};font-size:11px;}
  112. #note a:hover {color:notes text}}
  113. ol.notes {padding: 0px;margin: 0px; list-style-type: none!important;}
  114. ol.notes li.note img.avatar {border:7px solid {color:notes icon border};margin-bottom:5px;vertical-align: -15px;}
  115. #page {margin-top:10px;text-align:center;color:{color:pagination text}!important;}
  116. #page a, .current_page {color:{color:pagination text}!important;background:{color:pagination bg};font:9px lucida console, trebuchet ms, consolas;padding:3px 4px;margin:2px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
  117. ::-webkit-scrollbar {width:7px; height:7px;}
  118. ::-webkit-scrollbar-track {background-color:{color:scrollbar track};}
  119. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar thumb};-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
  120. ::-webkit-scrollbar:double-button {background-color:{color:scrollbar thumb};}
  121. ::-webkit-scrollbar-track-piece{background-color:{color:scrollbar track};}
  122. ::-webkit-scrollbar-thumb:vertical{background-color:{color:scrollbar thumb};}
  123. h1 a{border-bottom:1px solid {color:post title border};font-weight:normal;text-transform:none!important;background:none!important;}
  124. h1, h1 a{font:16px/20px coustard, rockwell, georgia, serif!important;color:{color:post title}!important;letter-spacing:-1px!important;margin:2px;padding:0px;}
  125. h3 {font:9px lucida unicode, trebuchet ms, sans-serif;color:{color:chat};background:{color:chat bg};padding:2px;margin:2px;}
  126. #quote, #asker, #asker a {text-transform:none!important;font:16px/20px coustard, rockwell, georgia, serif!important;letter-spacing:-1px!important;color:{color:post title}!important;}
  127. #quotesource {margin-top:3px;text-align:right;}
  128. #album{float:left;margin-right:10px;border:10px solid {color:album art border};}
  129. #audio {min-height:150px;}
  130. #player {background:#E5E5E5;padding:5px 30px;margin:7px 0px;}
  131. i, em {font-family:trebuchet ms, sans-serif;font-style:italic;}
  132. </style>
  133. </head>
  134. <body>
  135. <div id="box">
  136.     <div id="xbord"><img src="{image:side}" id="img"></div>
  137. </div>
  138. <div id="descr">
  139.     {block:description}<font class="desc">{description}</font>{/block:description}
  140.     <div id="desclink">
  141.         {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  142.             {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  143.             {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  144.             {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  145.             {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  146.     </div>
  147.     <div id="page">
  148.      {block:Pagination}
  149.  
  150.  {block:PreviousPage}
  151.  <a href="{PreviousPage}">&laquo;</a>
  152.  {/block:PreviousPage}
  153.  
  154.  {block:JumpPagination length="3"}
  155.  
  156.  {block:CurrentPage}
  157.  <span class="current_page">{PageNumber}</span>
  158.  {/block:CurrentPage}
  159.          
  160.  {block:JumpPage}
  161.  <a class="jump_page" href="{URL}">{PageNumber}</a>
  162.  {/block:JumpPage}
  163.  {/block:JumpPagination}
  164.  
  165.  {block:NextPage}
  166.  <a href="{NextPage}">&raquo;</a>
  167.  {/block:NextPage}
  168.  {/block:Pagination}
  169.  </div>
  170. </div>
  171. <div id="menu">
  172.     <a href="/" name="{title}" class="m1">home</a>
  173.     <a href="/ask" class="m2">inbox</a>
  174.     <a href="/archive" class="m3">archive</a>
  175.     <a href="http://ettudis.three-words.net" class="m4">design</a>
  176. </div>
  177.  
  178. <table border="0" cellspacing="20" cellpadding="0" id="colm" {block:indexpage}width="520px"{/block:indexpage}{block:permalinkpage}width="620px"{/block:permalinkpage}>{block:Posts}
  179.   <tr>
  180.     <td id="content">
  181.  
  182.  <div id="post">
  183. {block:Text}<div id="text">
  184.         {block:Title}<h1>{Title}</h1>{/block:Title}
  185.         {Body}</div>
  186. {/block:Text}
  187.  
  188. {block:Photo}
  189.         {block:indexpage}<div id="border"><a href="/"><img src="{PhotoURL-400}" border="0"/></a></div>{/block:indexpage}
  190.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  191.         {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}" width="500"/>{LinkCloseTag}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  192. {/block:Photo}
  193.  
  194. {block:Photoset}
  195.         {block:indexpage}<div id="border">{Photoset-400}</div>{/block:indexpage}
  196.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  197.         {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  198. {/block:Photoset}
  199.  
  200. {block:Quote}<div id="text">
  201.         <div id="quote">{Quote}</div>
  202.         {block:Source}<div id="quotesource">— {Source}</div>{/block:Source}</div>
  203. {/block:Quote}
  204.  
  205. {block:Link}<div id="text">
  206.         <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  207.         {block:Description}{Description}{/block:Description}</div>
  208. {/block:Link}
  209.  
  210. {block:Chat}<div id="text">
  211.         {block:Title}<h1>{Title}</h1>{/block:Title}
  212.         {block:Lines}<h3>{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}</h3>{/block:Lines}</div>
  213. {/block:Chat}
  214.  
  215. {block:Audio}<div id="text">
  216.         <div id="audio"> <div id="player">{AudioPlayerGrey} </div>      
  217. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  218. {PlayCountWithLabel} {block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  219. </div>
  220. </div>
  221. {/block:Audio}
  222.  
  223. {block:Video}
  224.         {block:indexpage}<div id="border">{Video-400}</div>{/block:indexpage}
  225.         {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  226.         {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption" >{caption}</div>{/block:caption}{/block:permalinkpage}
  227. {/block:Video}
  228.  
  229. {block:Answer}<div id="text" style="min-height:50px;">
  230.         <div id="asker" style="margin-bottom:3px;"><img src="{AskerPortraitURL-30}" style="margin-top:0px!important;margin:5px;float:left;border:7px solid {color:asker icon border};"> {Asker} asked:</div> <i>{Question}</i></font>
  231.         <p style="margin-left:5px;">{Answer}</p></div>
  232. {/block:Answer}
  233.     </div><div id="data">{block:Date}<a href="{Permalink}"><font style="font-size:16px;letter-spacing:-1px;line-height:10px;">{ShortMonth}</font><br><font style="font-size:24px;letter-spacing:-1px;line-height:18px;">{DayofMonthwithZero}</font><br><font style="font-size:13px;letter-spacing:-1px;line-height:8px;">{Year}</font></a>{/block:Date}</div>
  234. </td>
  235.   </tr>
  236.   <tr><td id="spacer">{block:Permalinkpage}
  237.  
  238. {block:Date} <div id="info">{Month} {DayofMonth}, {Year} @ {24HourWithZero}:{Minutes} {block:NoteCount}with {NoteCountwithLabel} <br>{/block:NoteCount}
  239. {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} {block:RebloggedFrom} - <a href="{ReblogParentURL}">VIA</a> - <a href="{ReblogRootURL}">Origin</a>{/block:RebloggedFrom}</a>
  240.  
  241. {block:HasTags}<br>Tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> <font style="font-size:6px;"></font> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  242.  
  243.         {block:PostNotes}
  244.                 <div id="note">{PostNotes}</div>
  245.         {/block:PostNotes}
  246.  
  247.   {/block:Permalinkpage}</td></tr>{/block:Posts}
  248. </table>
  249.  
  250. </body>
  251. </html>
RAW Paste Data
Top