Advertisement
ettudisthemes

Tumblr Theme 041

Aug 29th, 2012
5,627
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.58 KB | None | 0 0
  1. <!--
  2. Tumblr Theme 041 (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. <meta name="color:background" content="#FFFFFF" />
  17. <meta name="color:background 2" content="#F6F6F6" />
  18. <meta name="color:blockquote" content="#AAAAAA" />
  19. <meta name="color:blockquote bg" content="#F7F7F7" />
  20. <meta name="color:blockquote border" content="#EEEEEE" />
  21. <meta name="color:border" content="#EEEEEE" />
  22. <meta name="color:chat" content="#CCCCCC" />
  23. <meta name="color:chat bg" content="#F9F9F9" />
  24. <meta name="color:description" content="#999999" />
  25. <meta name="color:description bg" content="#FFFFFF" />
  26. <meta name="color:info" content="#AAAAAA" />
  27. <meta name="color:info border" content="#EEEEEE" />
  28. <meta name="color:info links" content="#666666" />
  29. <meta name="color:info links border" content="#CCCCCC" />
  30. <meta name="color:links" content="#FA78E0" />
  31. <meta name="color:links border" content="#78FAF3" />
  32. <meta name="color:links hover" content="##AAAAAA" />
  33. <meta name="color:links hover bg" content="##F6F6F6" />
  34. <meta name="color:links hover border" content="#EEEEEE" />
  35. <meta name="color:menu link" content="#666666" />
  36. <meta name="color:menu link border" content="#CCCCCC" />
  37. <meta name="color:menu link hover" content="#AAAAAA" />
  38. <meta name="color:menu link hover bg" content="#F5F5F5" />
  39. <meta name="color:permalink" content="#3C1BE0" />
  40. <meta name="color:pagination" content="#999999" />
  41. <meta name="color:post bg" content="#FFFFFF" />
  42. <meta name="color:post text" content="#999999" />
  43. <meta name="color:post title" content="#333333" />
  44. <meta name="color:post title border" content="#EEEEEE" />
  45. <meta name="color:title" content="#333333" />
  46. <meta name="color:top bar" content="#FFFFFF" />
  47. <meta name="if:size 500" content="0" />
  48. <meta name="if:size 400" content="0" />
  49. <meta name="if:size 250" content="1" />
  50. <meta name="if:show captions" content="1" />
  51. <meta name="if:show tags" content="0" />
  52. <meta name="image:background" content="" />
  53. <meta name="image:pattern" content="http://i53.tinypic.com/bilzjp.png" />
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 1 Title" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 2 Title" content="" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 3 Title" content="" />
  60. <meta name="text:Link 4" content="" />
  61. <meta name="text:Link 4 Title" content="" />
  62. <meta name="text:Link 5" content="" />
  63. <meta name="text:Link 5 Title" content="" />
  64.  
  65. <style type="text/css">
  66. body {padding:0px;margin:0px;background:{color:background} url({image:background});}
  67. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  68. :hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  69. #infscr-loading {display:none;}
  70. 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;}
  71. 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;}
  72. a {text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  73. #wrpr {background:{color:top bar};min-height:160px;width:100%;padding:-20px;position:fixed;top:0px;left:0px;padding-top:40px;z-index:888;}
  74. #bd {width:490px;margin:auto;padding-left:10px;}
  75. #dv {width:320px;background:{color:background 2} url('{image:pattern}');padding:17px;border:1px solid {color:border};}
  76. .dv{display:block;padding:7px;background:{color:description bg};font:8px calibri, trebuchet ms, sans-serif;color:{color:description};text-transform:uppercase;letter-spacing:1px;margin:0px;text-align:justify;}
  77. #ttl {position:fixed;margin-left:130px;}
  78. .ti {font:16px/9px courier new, courier, monospace;color:{color:title};letter-spacing:-1px;display:block;text-align:left;}
  79. .brdr {background:{color:background 2} url('{image:pattern}');padding:2px 20px;margin-bottom:5px;}
  80. .brdr2 {background:{color:background 2} url('{image:pattern}');padding:2px 20px;margin:10px -10px;}
  81. #lkr {margin-bottom:10px;text-align:right;color:{color:menu link};font:9px/10px courier new, courier, monospace;}
  82. #lkr a {border-bottom:1px dotted {color:menu link border};color:#666;font:9px/8px courier new, courier, monospace;text-transform:uppercase;}
  83. #lkr a:hover {background:{color:menu link hover bg};color:{color:menu link hover};}
  84. #sdr {position:fixed;background:{color:background 2} url('{image:pattern}');padding:25px;border:1px solid {color:border};}
  85. #etr {margin:220px auto 0px auto;overflow:hidden;padding:0px;{block:ifsize250}{block:IndexPage}width:270px;{/block:IndexPage}{/block:ifsize250}{block:ifsize400}{block:IndexPage}width:420px;{/block:IndexPage}{/block:ifsize400}{block:ifsize500}{block:IndexPage}width:520px;{/block:IndexPage}{/block:ifsize500}{block:PermalinkPage}width:520px;{/block:PermalinkPage};background:{color:background 2} url('{image:pattern}');}
  86. #wrp {margin:0px;}
  87. #nfo {position:absolute;margin:0px;padding:0px;margin-left:-3px!important;color:{color:permalink};font:50px/35px calibri, trebuchet ms, sans-serif;text-transform:uppercase;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;}
  88. #nfo a{ color:{color:permalink};}
  89. #wrp:hover #nfo {opacity:1;}
  90. #pst, #note {padding:10px 10px 7px 10px ;background:{color:post bg};margin-bottom:5px;}
  91. ol.notes {padding: 0px;margin: 0px;list-style-type: none;font:italic 8px calibri, trebuchet ms, sans-serif;text-transform:uppercase;letter-spacing:1px; color:{color:info};}
  92. ol.notes li.note img.avatar {border:1px solid {color:border};background:{color:background 2} url('{image:pattern}');margin-bottom:5px;vertical-align: -15px;padding:5px;}
  93. #text img, .caption 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}}
  94. #text, .caption {font:10px calibri, trebuchet ms, sans-serif;color:{color:post text};}
  95. #text a, .caption a {font:italic bold 8px calibri, trebuchet ms, sans-serif;text-transform:uppercase;letter-spacing:1px;color:{color:links};border-bottom:2px solid {color:links border};}
  96. #text a:hover, .caption a:hover {background:{color:links hover bg};color:{color:links hover};border-bottom-color:{color:links hover border};}
  97. #album{float:left;margin:0px 7px;}
  98. #audio {min-height:105px;}
  99. #player {width:28px;height:32px;overflow:hidden;position:absolute;margin-left:45px;margin-top:43px;}
  100. h1, h1 a {font:normal normal 11px courier new, courier, monospace!important;color:{color:post title}!important;text-transform:none!important;letter-spacing:-1px!important;display:block;text-align:left;display:inline;border-bottom:1px dotted {color:post title border}!important;}
  101. h1 a:hover {background:none!important;}
  102. h3 {background:{color:chat bg};font:8px calibri, trebuchet ms, sans-serif;text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;margin-top:0px;color:{color:chat};}
  103. blockquote, code, pre {margin:5px 20px;background:{color:blockquote bg};border:1px solid {color:blockquote border};color:{color:blockquote};padding:5px;font:italic 9px georgia, times new roman, sans-serif;}
  104. blockquote p {margin:0px 2px;}
  105. #tgs {display:block;{block:indexpage}margin:10px 0px 0px 0px;border-top:1px dotted {color:info border};{/block:indexpage} {block:permalinkpage}margin:0px 0px 20px 0px;{/block:permalinkpage}padding:0px;font:8px calibri, trebuchet ms, sans-serif;text-transform:uppercase;letter-spacing:1px;color:{color:info};}
  106. #tgs a, #note a {border-bottom:1px dotted {color:info links border};color:{color:info links};font:8px/8px courier new, courier, monospace;text-transform:uppercase;letter-spacing:0px;}
  107. #akr {border:1px solid {color:border};background:{color:background 2} url('{image:pattern}');padding:3px;float:left;margin:0px 5px 0px 0px;}
  108. #qst {border:{color:border} 1px dotted;padding:10px;margin-left:45px;}
  109. #page {width:600px;margin:0px auto;padding-left:25px!important;padding:0px;}
  110. #pgr {position:fixed;top:70px;z-index:900;width:100%;}
  111. #page a{font:50px arial,courier new, couroer, monospace;color:{color:pagination};margin:5px;}
  112. #prev {float:left;width:50px;}
  113. #next {float:right;width:50px;}
  114. #quote {font:11px/10px courier new, courier, monospace;letter-spacing:-1px;}
  115. #quotesource {text-align:right;margin-top:5px;}
  116. </style>
  117. </head>
  118. <body>
  119. <div id="pgr">
  120. <div id="page">
  121. {block:Pagination}
  122.  
  123. {block:PreviousPage}
  124. <span id="prev"><a href="{PreviousPage}">&laquo</a></span>
  125. {/block:PreviousPage}
  126.  
  127. {block:NextPage}
  128. <span id="next"><a href="{NextPage}">&raquo;</a></span>
  129. {/block:NextPage}
  130. {/block:Pagination}
  131. </div>
  132. </div>
  133. <div id="wrpr">
  134. <div id="bd">
  135. <div id="ttl"><span class="ti">{title}</span>
  136. <div class="brdr"></div>
  137. <div id="lkr">
  138. <a href="/">index</a>
  139. {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  140. <a href="/archive">history</a>
  141. <a href="http://ettudis.three-words.net">(c)</a> ▸
  142. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  143. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  144. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  145. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  146. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  147. </div>
  148. <div id="dv"><span class="dv">{Description}</span></div>
  149. </div>
  150. <div id="sdr"><img src="{PortraitURL-64}"></div>
  151. </div>
  152. </div>
  153.  
  154. <div id="etr">
  155. {block:Posts}
  156. <div id="wrp">
  157.  
  158. {block:IndexPage}<div id="nfo"><a href="{Permalink}">◤</a></div>{/block:IndexPage}
  159.  
  160. <div id="pst">
  161.  
  162. {block:Text}<div id="text">{block:Title}<h1>{Title}</h1>{/block:Title}{Body}</div>{/block:Text}
  163.  
  164. {block:Photo}
  165. {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}
  166. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  167. {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  168. {/block:Photo}
  169.  
  170. {block:Photoset}
  171. {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}
  172. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  173. {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  174. {/block:Photoset}
  175.  
  176. {block:Quote}<div id="text">
  177. <div id="quote">{Quote}</div>
  178. {block:Source}<div id="quotesource">{Source}</div>{/block:Source}</div>
  179. {/block:Quote}
  180.  
  181. {block:Link}<div id="text">
  182. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  183. {block:Description}{Description}{/block:Description}</div>
  184. {/block:Link}
  185.  
  186. {block:Chat}<div id="text">
  187. {block:Title}<h1>{Title}</h1>{/block:Title}
  188. {block:Lines}<h3>{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}</h3>{/block:Lines}</div>
  189. {/block:Chat}
  190.  
  191. {block:Audio}<div id="text">
  192. <div id="audio"> <div id="player">{AudioPlayerWhite} </div>
  193. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  194. {PlayCountWithLabel} {block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  195. </div>
  196. </div>
  197. {/block:Audio}
  198.  
  199. {block:Video}
  200. {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}
  201. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  202. {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  203. {/block:Video}
  204.  
  205. {block:Answer}<div id="text" style="min-height:50px;">
  206. <div id="akr"><img src="{AskerPortraitURL-30}"></div> <div id="qst"><i>{Asker} asked:</i> {Question}</div>
  207. <p style="margin-left:5px;">{Answer}</p></div>
  208. {/block:Answer}
  209.  
  210.  
  211. {block:ifshowtags}
  212. {block:indexpage}{block:HasTags}<span id="tgs">Filed under {block:Tags}<a href="{TagURL}">{Tag}</a> - {/block:Tags}</span>{/block:HasTags}{/block:indexpage}{/block:ifshowtags}
  213.  
  214. </div>
  215. {block:PermalinkPage}
  216.  
  217.  
  218. <div id="note">
  219. {block:Date}<span id="tgs">
  220. {Month} {DayofMonth}, {Year} {block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}
  221. {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>
  222. {block:HasTags}Filed under {block:Tags}<a href="{TagURL}">{Tag}</a> / {/block:Tags}{/block:HasTags}
  223.  
  224.  
  225. <div class="brdr2"></div>
  226. </span>{/block:Date}
  227. {block:PostNotes}{PostNotes}{/block:PostNotes}
  228.  
  229.  
  230. </div>
  231.  
  232. {/block:permalinkpage}
  233. </div>
  234. {/block:Posts}
  235. </div>
  236. </body>
  237. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement