API tools faq
paste
Advertisement
ettudisthemes

tumblr theme 036

ettudisthemes
Aug 17th, 2012
2,177
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.09 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 036 (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 rel="shortcut icon" href="{favicon}" />
  16. <meta name="color:background" content="#fafafa" />
  17. <meta name="color:blockquote" content="#fafafa" />
  18. <meta name="color:blockquote text" content="#999999" />
  19. <meta name="color:captions text" content="#999999" />
  20. <meta name="color:captions bg" content="#FFFFFF" />
  21. <meta name="color:extra links" content="#FFFFFF" />
  22. <meta name="color:extra links bg" content="#000000" />
  23. <meta name="color:extra links hover border" content="#000000" />
  24. <meta name="color:extra links hover bg" content="#FFFFFF" />
  25. <meta name="color:extra links hover" content="#999999" />
  26. <meta name="color:description" content="#FFFFFF" />
  27. <meta name="color:description bg" content="#000000" />
  28. <meta name="color:info" content="#222222" />
  29. <meta name="color:links" content="#999999" />
  30. <meta name="color:links border" content="#222222" />
  31. <meta name="color:links hover" content="#FFFFFF" />
  32. <meta name="color:links hover bg" content="#222222" />
  33. <meta name="color:nav box link" content="#FFFFFF" />
  34. <meta name="color:nav box link bg" content="#000000" />
  35. <meta name="color:notecount" content="#999999" />
  36. <meta name="color:notecount bg" content="#E4E4E4" />
  37. <meta name="color:media border" content="#000000" />
  38. <meta name="color:pagination text" content="#FFFFFF" />
  39. <meta name="color:post bg" content="#000000" />
  40. <meta name="color:post text" content="#FFFFFF" />
  41. <meta name="color:post title" content="#000000" />
  42. <meta name="color:post title bg" content="#FFFFFF" />
  43. <meta name="color:title" content="#000000" />
  44. <meta name="color:tags" content="#444444" />
  45. <meta name="color:tags bg" content="#FFFFFF" />
  46. <meta name="if:hover effect for description" content="1" />
  47. <meta name="if:hover effect for links" content="1" />
  48. <meta name="if:hover effect for permalinks" content="1" />
  49. <meta name="if:show captions" content="1" />
  50. <meta name="if:show tags" content="1" />
  51.  
  52. <meta name="image:background" content="http://25.media.tumblr.com/tumblr_ltju9xWnQZ1qhvdofo5_500.png"/>
  53. <meta name="image:home icon" content="http://static.tumblr.com/38tkyuw/CJdm8vi3j/home_icon_16.png"/>
  54. <meta name="image:archive icon" content="http://static.tumblr.com/38tkyuw/Zjmm8vij8/zoom_icon_16.png"/>
  55. <meta name="image:message icon" content="http://static.tumblr.com/38tkyuw/QHmm8vibs/mail_icon_16.png"/>
  56. <meta name="image:theme icon" content="http://static.tumblr.com/38tkyuw/dMzm8viss/star_fav_empty_icon_16.png"/>
  57.  
  58. <meta name="text:Link 1" content="" />
  59. <meta name="text:Link 1 Title" content="" />
  60. <meta name="text:Link 2" content="" />
  61. <meta name="text:Link 2 Title" content="" />
  62. <meta name="text:Link 3" content="" />
  63. <meta name="text:Link 3 Title" content="" />
  64. <meta name="text:Link 4" content="" />
  65. <meta name="text:Link 4 Title" content="" />
  66. <meta name="text:Link 5" content="" />
  67. <meta name="text:Link 5 Title" content="" />
  68.  
  69. <style type="text/css">
  70. /*** basic variables ***/
  71. body {margin: 0px;padding:0px;background:{color:background} url('{image:background}') fixed;}
  72. 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;}
  73. a:hover {color: {color:links hover}-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  74. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  75. :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;}
  76. #infscr-loading {display:none;}
  77. 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;}
  78. 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;}
  79.  
  80. /*** pagination ***/
  81. #page {position:fixed;left:710px;top:180px;}
  82. #page a, .current_page {color:{color:pagination text};background:{color:nav box link bg};font:9px lucida console, trebuchet ms, consolas;padding:3px;display:block;float:left;margin:3px;width:9px;height:9px;}
  83.  
  84. /*** nav box ***/
  85. #home, #message, #archive, #theme {position:fixed;background:{color:nav box link bg};}
  86. #home {width:125px;height:20px;left:150px;top:145px;z-index:4;}
  87. #message {height:120px;width:20px;left:233px;top:125px;z-index:3;}
  88. #archive {width:125px;height:20px;left:150px;top:210px;z-index:2;}
  89. #theme {height:120px;width:20px;left:170px;top:125px;z-index:1;}
  90. a.home, a.message, a.archive, a.theme{color:{color:nav box link};font:8px consolas, lucida console, arial;text-transform:uppercase;text-decoration:none;padding:1px 3px;letter-spacing:2px;display:block;float:left;}
  91. a.home{margin:3px 52px;}
  92. a.message{margin:56px 2px;}
  93. a.archive{margin:3px 52px;}
  94. a.theme{margin:56px 2px;}
  95. #home:hover {width:82px;height:20px;left:170px;top:145px;z-index:4;}
  96. #message:hover {height:85px;width:20px;left:233px;top:145px;z-index:3;}
  97. #archive:hover {width:82px;height:20px;left:170px;top:210px;z-index:2;}
  98. #theme:hover {height:85px;width:20px;left:170px;top:145px;z-index:1;}
  99. #home:hover a.home{margin:3px 32px;}
  100. #message:hover a.message{margin:32px 2px;}
  101. #archive:hover a.archive{margin:3px 32px;}
  102. #theme:hover a.theme{margin:32px 2px;}
  103.  
  104. /*** sidebar ***/
  105. #icon {position:fixed;left:180px;top:156px;width:60px!important;height:60px!important;overflow:hidden;}
  106. .icon {border:15px solid {color:nav box link bg};}
  107. #desc {{block:ifnothovereffectfordescription}opacity:1;{/block:ifnothovereffectfordescription}{block:ifhovereffectfordescription}opacity:0;{/block:ifhovereffectfordescription}-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;color:{color:description};font:9px/12px lucida console, trebuchet ms, consolas;position:fixed;z-index:5;padding:10px;text-align:center;width:200px;top:260px;left:105px;}
  108. .title {color:{color:title};font:20px/12px courier new, courier, monospace;}
  109. #icon:hover #desc{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  110.  
  111. /*** links ***/
  112. h2 {color:{color:title};font:12px/12px courier new, courier, monospace;letter-spacing:-1px;}
  113. #links {position:fixed;top:90px;left:110px;width:200px;height:20px;text-align:center;}
  114. #link {{block:ifnothovereffectforlinks}opacity:1;{/block:ifnothovereffectforlinks}{block:ifhovereffectforlinks}opacity:0;{/block:ifhovereffectforlinks}-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;width:330px;height:80px;top:72px;left:50px;text-align:center;}
  115. #links:hover #link {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  116. #link a, #desc a{color:{color:extra links};background:{color:extra links bg};font:10px/14px consolas;padding:0px 3px;}
  117. #link a:hover, #desc a:hover {color:{color:extra links hover}; background: {color:extra links hover bg}; border-bottom:1px dotted {color:extra links hover border};}
  118.  
  119. /*** content ***/
  120. #entry {margin-top:30px;margin-left:330px;font:9px/12px lucida console, trebuchet ms, consolas;overflow:hidden;padding:0px;{block:indexpage}width:290px;{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage};}
  121. #reblog, #note {margin-top:10px;margin-left:330px;font:9px/16px lucida console, trebuchet ms, consolas;padding:0px;{block:permalinkpage}width:520px;{/block:permalinkpage};}
  122. #text{display:block;margin:0px;padding:20px;background:{color:post bg};color:{color:post text};}
  123. .caption {color:{color:captions text};padding:4px;}
  124. div.caption blockquote {background:{color:captions bg}!important;color:{color:captions text}!important;border-left:1px dotted {color:blockquote};}
  125. div.caption img, #text img {{block:indexpage}max-width:250px;{/block:indexpage}{block:permalinkpage}max-width:500px;{/block:permalinkpage};}
  126. blockquote {margin:5px 10px;padding:5px;}
  127. blockquote p{margin:3px 0px;padding:0px;}
  128. .caption p {background:{color:captions bg};padding: 1px 3px;margin:5px 0px;}
  129. div.caption a, #text a {font:normal 9px lucida console;padding:1px;border-bottom:1px dotted {color:links border};}
  130. div.caption a:hover, #text a:hover {color:{color:links hover};border-bottom:0px dotted #000;}
  131. #text a:hover {background-color:{color:links hover bg}!important;}
  132. #border {padding:20px;background:{color:media border};margin:0px;{block:indexpage}width:250px;{/block:indexpage}{block:permalinkpage}width:500px;{/block:permalinkpage};}
  133. h1, h1 a {font:14px/9px courier new, courier, monospace!important;letter-spacing:-2px!important;color:{color:post title}!important;display:inline;background:{color:post title bg}!important;padding:0px 5px!important;border-bottom:none!important;}
  134. #quote, #asker, #asker a {font:italic bold 12px/10px courier new, courier, monospace;letter-spacing:-1px;border-bottom:none!Important;}
  135. #quotesource {margin-top:3px;text-align:right;}
  136. #album{float:left;margin:0px 5px;}
  137. #audio {min-height:150px;}
  138. #player {background:#E5E5E5;padding:5px 30px;margin:7px 0px;}
  139. #reblog {text-transform:uppercase;letter-spacing:3px;font-size:8px;color:{color:info text};}
  140. #reblog a {padding:3px;background: {color:captions bg};color:{color:captions text};font-size:9px;}
  141. #reblog a:hover {background: {color:post bg};color:{color:post text};}
  142.  
  143. /*** permalinks ***/
  144. #likes {position:absolute;width:80px;left:620px;margin-top:10px;{block:ifnothovereffectforpermalinks}opacity:1;{/block:ifnothovereffectforpermalinks}{block:ifhovereffectforpermalinks}opacity:0;{/block:ifhovereffectforpermalinks}-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;}
  145. #post:hover #likes {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  146. #likes a{font:normal 9px lucida console;letter-spacing:1px;}
  147. #count a {color:{color:notecount};background:{color:notecount bg};padding:3px 5px;}
  148. #tags a {color:{color:tags};background:{color:tags bg};display:block;margin-left:7px;margin-top:5px;padding:2px 5px;}
  149.  
  150. ol.notes {padding: 0px;margin: 25px 0px;list-style-type: none;}
  151. ol.notes li.note img.avatar {border:7px solid {color:nav box link bg} ;margin-bottom:5px;vertical-align: -15px;}
  152.  
  153.  
  154. </style>
  155.  
  156. <script type="text/javascript">
  157. jQuery(document).ready(function() {
  158. jQuery(".tags").hide();
  159. //toggle the componenet with class msg_body
  160. jQuery(".categories").click(function()
  161. {
  162. jQuery(this).next(".tags").slideToggle(500);
  163. });});
  164. </script>
  165.  
  166.  
  167. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  168. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  169.  
  170. </head>
  171. <body>
  172. <div id="icon"><img src="{PortraitURL-30}" class="icon"><div id="desc">
  173. <span class="title">{Title}</span><p>
  174. {block:description}<span style="padding:1px 3px;background:{color:description bg};">{description}</span>{/block:description}</div></div>
  175. <div id="home"><a href="/" class="home"><img src="{image:home icon}" width="10px"></a></div>
  176. <div id="archive"><a href="/archive" class="archive"><img src="{image:archive icon}" width="10px"></a></div>
  177. <div id="message"><a href="/ask" class="message"><img src="{image:message icon}" width="10px"></a></div>
  178. <div id="theme"><a href="http://ettudis.three-words.net" class="theme"><img src="{image:theme icon}" width="10px"></a></div>
  179.  
  180. <div id="links"><h2>navigation</h2>
  181.  
  182. <div id="link">{block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  183. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  184. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  185. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  186. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  187. </div>
  188. </div>
  189.  
  190. <div id="page">
  191. {block:Pagination}
  192.  
  193. {block:PreviousPage}
  194. <a href="{PreviousPage}">&laquo;</a>
  195. {/block:PreviousPage}
  196.  
  197. {block:JumpPagination length="3"}
  198.  
  199. {block:CurrentPage}
  200. <span class="current_page">{PageNumber}</span>
  201. {/block:CurrentPage}
  202.  
  203. {block:JumpPage}
  204. <a class="jump_page" href="{URL}">{PageNumber}</a>
  205. {/block:JumpPage}
  206. {/block:JumpPagination}
  207.  
  208. {block:NextPage}
  209. <a href="{NextPage}">&raquo;</a>
  210. {/block:NextPage}
  211. {/block:Pagination}
  212. </div>
  213.  
  214. {block:Posts}
  215. <div id="entry">
  216. <div id="post">
  217.  
  218. {block:indexpage}
  219. <div id="likes"><div id="count"><a href="{permalink}">{NoteCountWithLabel}</a></div>
  220. {block:ifshowtags}<span id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags} </span>{/block:ifshowtags}{/block:indexpage}
  221. </div>
  222.  
  223. {block:Text}<div id="text">
  224. {block:Title}<h1>{Title}</h1>{/block:Title}
  225. {Body}</div>
  226. {/block:Text}
  227.  
  228. {block:Photo}
  229. {block:indexpage}<div id="border"><a href="/"><img src="{PhotoURL-250}" border="0"/></a></div>{/block:indexpage}
  230. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  231. {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:permalinkpage}
  232. {/block:Photo}
  233.  
  234. {block:Photoset}
  235. {block:indexpage}<div id="border">{Photoset-250}</div>{/block:indexpage}
  236. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  237. {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:permalinkpage}
  238. {/block:Photoset}
  239.  
  240. {block:Quote}<div id="text">
  241. <div id="quote">{Quote}</div>
  242. {block:Source}<div id="quotesource">{Source}</div>{/block:Source}</div>
  243. {/block:Quote}
  244.  
  245. {block:Link}<div id="text">
  246. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  247. {block:Description}{Description}{/block:Description}</div>
  248. {/block:Link}
  249.  
  250. {block:Chat}<div id="text">
  251. {block:Title}<h1>{Title}</h1>{/block:Title}
  252. {block:Lines}{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}<br>{/block:Lines}</div>
  253. {/block:Chat}
  254.  
  255. {block:Audio}<div id="text">
  256. <div id="audio"> <div id="player">{AudioPlayerGrey} </div>
  257. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  258. {PlayCountWithLabel} {block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  259. </div>
  260. </div>
  261. {/block:Audio}
  262.  
  263. {block:Video}
  264. {block:indexpage}<div id="border">{video-250}</div>{/block:indexpage}
  265. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  266. {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:permalinkpage}
  267. {/block:Video}
  268.  
  269. {block:Answer}<div id="text" style="min-height:50px;">
  270. <div id="asker" style="margin-bottom:3px;"><img src="{AskerPortraitURL-30}" style="margin-top:0px!important;margin:5px;float:left;border:7px solid {color:captions bg};"> {Asker} asked:</div> <font class="captions" style="background:{color:captions bg};color:{color:captions text};padding:1px 2px; line-height:14px;">{Question}</font>
  271. <p style="margin-left:5px;">{Answer}</p></div>
  272. {/block:Answer}
  273.  
  274. </div>
  275.  
  276. </div>
  277. {block:PermalinkPage}
  278.  
  279. <div id="reblog"><center>
  280. {block:Date} {Month} {DayofMonth}, {Year} @ {24HourWithZero}:{Minutes}{/block:Date} {block:NoteCount}/ {NoteCountwithLabel} <br>{/block:NoteCount}
  281. {block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource} {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> <a href="{ReblogRootURL}">Origin</a>{/block:RebloggedFrom}</a></center></div>
  282.  
  283. {block:PostNotes}
  284. <div id="note">{PostNotes}</div>
  285. {/block:PostNotes}
  286. {/block:permalinkpage}{/block:Posts}
  287.  
  288. </body>
  289. </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!