API tools faq
paste
Advertisement
ettudisthemes

Tumblr Theme 039

ettudisthemes
Aug 23rd, 2012
4,775
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.09 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!