API tools faq
paste
Advertisement
ettudisthemes

Tumblr Theme 037

ettudisthemes
Aug 19th, 2012
3,992
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.12 KB | None | 0 0
raw download clone embed print report
  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>
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!