API tools faq
paste
Advertisement
ettudisthemes

tumblr theme 042

ettudisthemes
Sep 8th, 2012
12,867
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.92 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 042 (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:border" content="#EEEEEE" />
  18. <meta name="color:chat" content="#9C96A8" />
  19. <meta name="color:chat bg" content="#F7F5FA" />
  20. <meta name="color:description" content="#999999" />
  21. <meta name="color:image border" content="#F5F0F2" />
  22. <meta name="color:links" content="#D5D1DE" />
  23. <meta name="color:links hover" content="#83808A" />
  24. <meta name="color:links hover bg" content="#F7F5FA" />
  25. <meta name="color:menu link" content="#000000" />
  26. <meta name="color:menu link hover" content="#FFFFFF" />
  27. <meta name="color:menu link hover bg" content="#000000" />
  28. <meta name="color:notes" content="#C2BAD1" />
  29. <meta name="color:notes hover" content="#83808A" />
  30. <meta name="color:notes hover bg" content="#F7F5FA" />
  31. <meta name="color:post text" content="#77747D" />
  32. <meta name="color:post bg" content="#F7F5FA" />
  33. <meta name="color:post border" content="#F7F5FA" />
  34. <meta name="color:post title" content="#C2BAD1" />
  35. <meta name="color:post title bg" content="#F7F5FA" />
  36. <meta name="color:side link" content="#9C96A8" />
  37. <meta name="color:side link 2" content="#C2BAD1" />
  38. <meta name="color:side link hover" content="#444444" />
  39. <meta name="color:side link hover bg" content="#EEEEEE" />
  40. <meta name="color:tags" content="#C2BAD1" />
  41. <meta name="color:tags hover" content="#D5D1DE" />
  42. <meta name="if:size 500" content="0" />
  43. <meta name="if:size 400" content="1" />
  44. <meta name="if:size 250" content="0" />
  45. <meta name="if:show captions" content="1" />
  46. <meta name="if:show tags" content="1" />
  47. <meta name="image:background" content="">
  48. <meta name="image:side" content="http://25.media.tumblr.com/tumblr_m74j3xMvR21qf3vsfo1_500.jpg">
  49. <meta name="text:Link 1" content="" />
  50. <meta name="text:Link 1 Title" content="" />
  51. <meta name="text:Link 2" content="" />
  52. <meta name="text:Link 2 Title" content="" />
  53. <meta name="text:Link 3" content="" />
  54. <meta name="text:Link 3 Title" content="" />
  55. <meta name="text:Link 4" content="" />
  56. <meta name="text:Link 4 Title" content="" />
  57. <meta name="text:Link 5" content="" />
  58. <meta name="text:Link 5 Title" content="" />
  59. <style type="text/css">
  60. body {padding:0px;margin:0px;background:{color:background} url({image:background});}
  61. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  62. :hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  63. #infscr-loading {display:none;}
  64. 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;}
  65. 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;}
  66. a {text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  67. #eesi {position:fixed;left:150px;top:70px;width:220px;}
  68. .imgr {display:block;padding:10px;background:{color:image border};}
  69. div.imgr img {width:200px;}
  70. div.hvr {position:absolute;top:70px;width:5px;}
  71. div.imgr:hover .hvr {height:auto;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  72. div.imgr:hover #ln1, div.imgr:hover #ln2, div.imgr:hover #ln3, div.imgr:hover #ln4 {opacity:0.7;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;}
  73. div.hvr a {display:block;background:transparent;width:180px;font:italic 9px times new roman, georgia, serif;color:{color:menu link};text-align:center;padding:7px 10px;letter-spacing:3px;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9s ease;-o-transition: all 0.9s ease;}
  74. div.hvr a:hover {color:{color:menu link hover};}
  75. #ln1, #ln2, #ln3, #ln4 {opacity:0;background:{color:menu link hover bg};width:0px;}
  76. #ln1:hover, #ln2:hover, #ln3:hover, #ln4:hover{opacity:0.9!important;width:200px;}
  77. #txt a{font-style:italic;}
  78. #ttr {padding:2px 10px;font:italic bold 10px calibri, trebuchet ms, lucida sans, sans-serif;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:5px 0px;border-bottom:1px solid {color:border};}
  79. #ttr a, #pg a, #txt a{color:{color:side link};}
  80. #ttr a:hover {color:{color:side link hover};}
  81. #txtr a:hover, #pg a:hover, #txt a:hover{color:{color:side link hover};background:{color:side link hover bg};}
  82. #txt {padding:7px 5px;}
  83. #txtr {padding:3px;}
  84. #txt, #txtr{color:{color:description};font:9px cambria, georgia, times new roman, serif;text-align:center;}
  85. #txtr {text-align:center;border-top:1px solid {color:border};}
  86. #txtr a {color:{color:side link 2};font:italic 8px calibri, trebuchet ms, lucida sans, sans-serif;text-transform:uppercase;letter-spacing:1px;}
  87. #pg {margin-top:10px;text-align:center;font:italic 10px cambria, georgia, times new roman, serif;color:{color:side link};}
  88. #etr {font:10px cambria, georgia, times new roman, serif;color:{color:post text};position:absolute;left:430px;top:40px;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}');}
  89. #wrp {margin-bottom:30px!important;}
  90. #border {padding:10px;background:{color:post border};}
  91. h1, h1 a {color:{color:post title};background:{color:post title bg};font:italic bold 10px calibri, trebuchet ms, lucida sans, sans-serif;text-transform:uppercase;letter-spacing:1px;padding:3px;text-align:center;margin:0px;}
  92. #text {border-top:1px solid {color:border};margin-top:3px;}
  93. h1 a:hover {text-decoration:underline;}
  94. h3 {background:{color:chat bg};font:italic 10px cambria, georgia, times new roman, serif;color:{color:chat};padding:0px 5px;margin:2px 0px;}
  95. #bgr {padding:10px;background:{color:post bg};margin-top:3px;}
  96. #album{float:left;margin:0px 7px;}
  97. #audio {min-height:105px;}
  98. #player {width:28px;height:32px;overflow:hidden;position:absolute;margin-left:45px;margin-top:43px;opacity:0.8;}
  99. #tgs {display:block;color:{color:tags};border-top:1px solid {color:border};margin-top:3px;}
  100. #tme a, #nte a{color:{color:notes};font:italic 8px calibri, trebuchet ms, lucida sans, sans-serif;text-transform:uppercase;letter-spacing:1px;}
  101. #tme a:hover, #nte a:hover{background:{color:notes hover bg};color:{color:notes hover};}
  102. #brs a {color:{color:tags};font-style:italic;text-decoration:underline!important;}
  103. #brs a:hover {text-decoration:none!important;color:{color:tags hover};}
  104. #nte {font:8px calibri, trebuchet ms, lucida sans, sans-serif;text-transform:uppercase;letter-spacing:1px;float:right;}
  105. #text a, div.caption a, #nter a{font-style:italic;color:{color:links};}
  106. #text a:hover, div.caption a:hover, #nter a:hover {background:{color:links hover bg};text-decoration:underline;color:{color:links hover};}
  107. #akr {background:{color:post bg};padding:5px;float:left;margin:6px 5px 0px 0px;}
  108. #qst {border-top:{color:post bg} 1px solid;border-bottom:{color:post bg} 1px solid;padding:10px;margin-left:49px;margin-top:7px;}
  109. #nter {display:block;color:{color:notes};margin-top:3px;padding:5px 0px;}
  110. 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:notes};}
  111. ol.notes li.note img.avatar {background:{color:post bg};margin-bottom:5px;vertical-align: -15px;padding:5px;}
  112. #quote {font-style:italic;font-size:14px;line-height:15px;}
  113. #quotesource {text-align:right;margin-top:5px;}
  114. blockquote, code, pre {margin:5px 20px;font-style:italic;background:{color:post bg};padding:3px;border-left:1px solid {color:border};border-right:1px solid {color:border};}
  115. blockquote p {margin:0px 2px;}
  116. #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}}
  117. </style>
  118. </head>
  119. <body>
  120. <div id="eesi"><div id="ttr"><a href="/">{Title}</a></div>
  121. <div class="imgr">{block:ifsideimage}<img src="{image:side}">{/block:ifsideimage}
  122. <div class="hvr">
  123. <div id="ln1"><a href="/">home</a></div>
  124. <div id="ln2"><a href="/ask">inbox</a></div>
  125. <div id="ln3"><a href="/archive">past</a></div>
  126. <div id="ln4"><a href="http://ettudis.three-words.net">theme</a></div>
  127. </div>
  128. </div>
  129. <div id="txt">{Description}</div>
  130. <div id="txtr">
  131. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  132. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  133. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  134. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  135. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  136. </div>
  137. <div id="pg">
  138. {block:Pagination}
  139. {block:PreviousPage}
  140. <span id="prev"><a href="{PreviousPage}">←</a></span>
  141. {/block:PreviousPage}
  142.  
  143. {CurrentPage} of {TotalPages}
  144.  
  145. {block:NextPage}
  146. <span id="next"><a href="{NextPage}">→</a></span>
  147. {/block:NextPage}{/block:Pagination}</div>
  148. </div>
  149.  
  150. <div id="etr">
  151. {block:Posts}
  152. <div id="wrp">
  153.  
  154. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="text">{Body}</div>{/block:Text}
  155.  
  156. {block:Photo}
  157. {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}
  158. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  159. {block:permalinkpage}<div id="border">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  160. {/block:Photo}
  161.  
  162. {block:Photoset}
  163. {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}
  164. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  165. {block:permalinkpage}<div id="border">{Photoset-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  166. {/block:Photoset}
  167.  
  168. {block:Quote}<div id="text"><div id="bgr">
  169. <div id="quote">{Quote}</div>
  170. {block:Source}<div id="quotesource">{Source}</div>{/block:Source}</div></div>
  171. {/block:Quote}
  172.  
  173. {block:Link}<h1><a href="{URL}" target="{Target}">{Name}</a></h1><div id="text">
  174. {block:Description}{Description}{/block:Description}</div>
  175. {/block:Link}
  176.  
  177. {block:Chat}
  178. {block:Title}<h1>{Title}</h1>{/block:Title}<div id="text">
  179. {block:Lines}<h3>{block:Label}<b><i>{Label}</i></b>{/block:Label} {Line}</h3>{/block:Lines}</div>
  180. {/block:Chat}
  181.  
  182. {block:Audio}<div id="text"><div id="bgr">
  183. <div id="audio"> <div id="player">{AudioPlayerWhite} </div>
  184. {block:ifshowcaptions}<div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  185. {PlayCountWithLabel} {block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:ifshowcaptions}
  186. </div>
  187. </div></div>
  188. {/block:Audio}
  189.  
  190. {block:Video}
  191. {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}
  192. {block:ifshowcaptions}{block:indexpage}{block:caption}<div class="caption" style="background:{color:captions bg};">{caption}</div>{/block:caption}{/block:indexpage}{/block:ifshowcaptions}
  193. {block:permalinkpage}<div id="border">{Video-500}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:permalinkpage}
  194. {/block:Video}
  195.  
  196. {block:Answer}<div id="text" style="min-height:50px;">
  197. <div id="akr"><img src="{AskerPortraitURL-30}"></div> <div id="qst"><i>{Asker} asked:</i> {Question}</div>
  198. <p style="margin-left:5px;">{Answer}</p></div>
  199. {/block:Answer}
  200.  
  201. <!--{block:RebloggedFrom} - <a href="{ReblogParentURL}">{ReblogParentName}</a> - <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</a> -->
  202.  
  203. <span id="tgs">
  204. {block:Date}<span id="tme"><a href="{Permalink}">{TimeAgo}</a></span>{/block:Date}
  205. {block:ifshowtags}{block:HasTags}// <span id="brs">{block:Tags}<a href="{TagURL}">{Tag}</a> - {/block:Tags}</span>{/block:HasTags}{/block:ifshowtags}
  206. {block:NoteCount}<span id="nte">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} + {NoteCount}</span>{/block:NoteCount}
  207. </span>
  208.  
  209. {block:Permalink}{block:PostNotes}<div id="nter">{PostNotes}</div>{/block:PostNotes} {/block:Permalink}
  210.  
  211. </div>
  212. {/block:Posts}
  213. </div>
  214.  
  215. </body>
  216. </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!