API tools faq
paste
Advertisement
ettudisthemes

tumblr theme 034

ettudisthemes
May 14th, 2012
12,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.70 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Tumblr Theme 034 (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.  
  16.  
  17. <meta name="color:asker" content="#202020" />
  18. <meta name="color:asker border" content="#e1e1e1" />
  19. <meta name="color:background" content="#FFFFFF" />
  20. <meta name="color:blockquote" content="#FEFEFE" />
  21. <meta name="color:date" content="#e6e8e7" />
  22. <meta name="color:date hover" content="#fafafa" />
  23. <meta name="color:date background" content="#4d5757" />
  24. <meta name="color:date background 2" content="#101010" />
  25. <meta name="color:link" content="#5d7f88" />
  26. <meta name="color:link background hover" content="#FFFFFF" />
  27. <meta name="color:link border" content="#999999" />
  28. <meta name="color:notes" content="#999999" />
  29. <meta name="color:notes link" content="#4d5757" />
  30. <meta name="color:notes link hover" content="#000000" />
  31. <meta name="color:permalink background" content="#202020" />
  32. <meta name="color:post background" content="#FAFAFA" />
  33. <meta name="color:post text" content="#222222" />
  34. <meta name="color:post title" content="#616768" />
  35. <meta name="color:post title border" content="#232c2e" />
  36. <meta name="color:sidebar bg" content="#000000">
  37. <meta name="color:sidebar link" content="#787878">
  38. <meta name="color:sidebar text" content="#EFEFEF">
  39. <meta name="color:tags" content="#acacac" />
  40. <meta name="color:tags hover" content="#546e7d" />
  41. <meta name="color:title" content="#333333">
  42. <meta name="color:title border" content="#2d3c42">
  43. <meta name="color:userpic border" content="#121212">
  44. <meta name="if:big permalink block" content"0">
  45. <meta name="if:show captions on index" content="1"/>
  46. <meta name="image:background" content"">
  47. <meta name="image:sidebar bg" content"http://static.tumblr.com/aszc4f0/6HMm41s4u/34-side.png">
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 1 Title" content="" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:Link 2 Title" content="" />
  52. <meta name="text:Link 3" content="" />
  53. <meta name="text:Link 3 Title" content="" />
  54. <meta name="text:Link 4" content="" />
  55. <meta name="text:Link 4 Title" content="" />
  56. <meta name="text:Link 5" content="" />
  57. <meta name="text:Link 5 Title" content="" />
  58.  
  59. <link rel="shortcut icon" href="{Favicon}" />
  60.  
  61. <style type="text/css">
  62. {CustomCSS}
  63. body {margin:0px;padding:0px;background:{color:background} url({image:background});height:100%;}
  64. a {text-decoration:none;-webkit-transition: all 0.9s ease;-moz-transition: all 0.9 ease;-o-transition: all 0.9s ease; }
  65. .notecount {color:{color:tags};font:normal 14px century gothic, trebuchet ms, sans-serif!important;}
  66. :hover {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; }
  67. #side1{position:fixed;left:0px;top:0px;width:200px;height:100%;background: url({image:sidebar bg});}
  68. #side2 {position:fixed;left:200px;top:0px;width:110px;height:100%;background:{color:sidebar bg};}
  69. .userpic {border:10px solid {color:userpic border};}
  70. .title {color:{color:title};border-top:1px solid {color:title border};font: 9px trebuchet ms, arial, sans-serif;text-transform:uppercase;letter-spacing:1px;}
  71. .title a{color:{color:title};}
  72. .title a:hover{border-top:2px solid {color:title border};text-transform:lowercase;letter-spacing:2px;}
  73. #side2 #desc {opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;position:absolute;left:-175px;top:50px;overflow:hidden;color:{color:sidebar text};font:9px trebuchet ms, arial, sans-serif;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  74. #side2:hover #desc{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;z-index:100;}
  75. #descr {background:{color:sidebar bg};padding:15px; width:120px;opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}
  76. #descr:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;z-index:100;}
  77. #descr a{color:{color:sidebar link};border-bottom:1px dotted {color:title border};}
  78. #descr a:hover{color:{color:title border};border-bottom:1px dotted {color:sidebar link};}
  79. #menu {margin-top:4px;}
  80. #menu a{display:block;padding:5px 15px; width:120px;color:{color:sidebar link};background:{color:sidebar bg};margin:2px;text-transform:uppercase;letter-spacing:3px;opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}
  81. #menu a:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;text-transform:lowercase;letter-spacing:5px;}
  82. #nav a{padding:5px; color:{color:sidebar link};background:{color:sidebar bg};text-transform:uppercase;letter-spacing:3px;opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;}
  83. #nav a:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  84. #nav {position:fixed; left:0px;width:200px;bottom:0px;z-index:1000;font:9px trebuchet ms, arial,sans-serif;}
  85. #reblog {text-align:center;}
  86. #reblog img{border:10px solid {color:date background 2};margin-bottom:7px;}
  87. #note {margin-left:340px!important;width:660px;font:9px trebuchet ms, arial, sans-serif;margin:20px 5px;color:{color:notes};}
  88. #content {margin-left:340px!important;width:660px;font:9px trebuchet ms, arial, sans-serif;margin:20px 5px;}
  89. #post {padding:25px;background:{color:post background};color:{color:post text}!important;width:500px!Important;overflow:hidden;}
  90. {block:indexpage}a.date{border:15px {color:date background} solid;background:{color:date background};display:block;opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;padding:15px;font:7px trebuchet ms, arial, sans-serif;text-transform:uppercase;margin:0px 7px;color:{color:date};letter-spacing:2px;text-align:center;}
  91. #permalink {width:100px!important;padding:0px;{block:ifbigpermalinkblock}background:{color:date background};{/block:ifbigpermalinkblock}}
  92. #content:hover #permalink {background:{color:permalink background};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  93. #content:hover .date{background:{color:date background 2};border:15px solid {color:permalink background}!important;color:{color:date hover};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}{/block:indexpage}
  94. {block:permalinkpage}
  95. a.date{display:block;opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;padding:15px;font:7px trebuchet ms, arial, sans-serif;text-transform:uppercase;margin:0px 7px;color:{color:date};letter-spacing:2px;text-align:center;}
  96. #permalink {background:{color:permalink background};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;width:100px!important;padding:0px;}
  97. .date{background:{color:date background 2};border:15px solid {color:permalink background}!important;color:{color:date hover};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}{/block:permalinkpage}
  98. h1 a{letter-spacing:-1px;font:normal 12px trebuchet ms, arial, sans-serif;text-transform:lowercase;padding:0px;border-top:2px solid {color:post title border};color:{color:post title}!important;padding:0px 2px;border-bottom:none!Important;}
  99. h1 a:hover {background:{color:post title border}!important;color:{color:post title border}!important;border-top:1px solid {color:post background};}
  100. #content #tags {font:9px trebuchet ms, arial, sans-serif;position:absolute;left:1000px!important;height:0px;{block:indexpage}opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;{/block:indexpage}-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;{block:permalinkpage}opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;{/block:permalinkpage}padding:0px 5px;font-style:italic;}
  101. #content:hover #tags {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;}
  102. #tags a{color:{color:tags};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  103. #tags a:hover {color:{color:tags hover};}
  104. #post a{color:{color:link};border-bottom:1px dotted {color:link border};}
  105. #post a:hover{background:{color:link background hover};}
  106. #quote {font-size:16px;letter-spacing:-1px;}
  107. #qtsrc {text-transform:uppercase;border-top:{color:asker border} 1px solid;letter-spacing:2px;font-size:8px;margin-top:5px;}
  108. #qtsrc a {border:none!Important;}
  109. #qtsrc a:hover {color:{color:link border}!important;}
  110. #album{float:left;margin:0px 5px;}
  111. #audio {min-height:100px;}
  112. #asker {border-bottom:1px solid {color:asker border};min-height:45px;display:block;font-style:italic;}
  113. #asker a{font-size:11px!important;color:{color:asker};border-bottom:none!Important;font-style:normal!important;}
  114. blockquote {background:{color:blockquote};padding:2px;}
  115. blockqote p {padding:1px;margin:5px 0px;}
  116. #note a{color:{color:notes link};}
  117. #note a:hover{color:{color:notes link hover};}
  118. ol.notes {padding: 0px;list-style-type: none;margin-left:15px;}
  119. 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.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  120. iframe#tumblr_controls:hover{opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  121. #content img {max-width:500px;}
  122. </style>
  123. <script type="text/javascript" src="http://ettudis.three-words.net/js/infinitescroll.js"></script>
  124. </head>
  125. <body>
  126. <div id="side1"></div>
  127. <div id="side2">
  128. <table width="100%" height="100%">
  129. <tr><td align="center" valign="middle">
  130. <img src="{PortraitURL-48}" class="userpic" border="0"><br>
  131. <span class="title"><a href="/">{Title}</a></span>
  132. <div id="desc">
  133. <div id="descr">{block:description}{description}{/block:description}</div>
  134. <div id="menu">
  135. <a href="/">home</a>
  136. {block:askenabled}<a href="/ask">message</a>{/block:askenabled}
  137. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  138. {block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  139. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  140. {block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  141. {block:ifLink5}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5}
  142. {block:HasPages}{block:Pages} <a href="{URL}">{Label}</a>{/block:Pages} {/block:HasPages}
  143. <a href="/archive">history</a>
  144. <a href="http://ettudis.three-words.net">theme</a>
  145. </div>
  146. </div>
  147. </td></tr>
  148. </table>
  149. </div>
  150. <div id="nav"><p align="center">
  151. {block:Pagination}
  152. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  153. {CurrentPage}/{TotalPages}
  154. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  155. {/block:Pagination}</p>
  156. </div>
  157.  
  158. {block:Posts}
  159. <table id="content"><tr><td id="post" valign="top">
  160.  
  161. {block:Text}
  162. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  163. {Body}
  164. {/block:Text}
  165.  
  166. {block:Photo}
  167. <div align="center"><img src="{PhotoURL-500}" /></div>
  168. {block:ifshowcaptionsonindex}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptionsonindex}
  169. {block:ifnotshowcaptionsonindex}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  170. {/block:Photo}
  171.  
  172. {block:Photoset}
  173. {Photoset-500}
  174. {block:ifshowcaptionsonindex}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptionsonindex}
  175. {block:ifnotshowcaptionsonindex}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  176. {/block:Photoset}
  177.  
  178. {block:Quote}
  179. <div id="quote">&#8220;{Quote}&#8221;</div>
  180. {block:Source}<div align="right" id="qtsrc">{Source}</div>{/block:Source}
  181. {/block:Quote}
  182.  
  183. {block:Link}
  184. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  185. {block:Description}{Description}{/block:Description}
  186. {/block:Link}
  187.  
  188. {block:Chat}
  189. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  190. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  191. {/block:Chat}
  192.  
  193. {block:Audio}
  194. <div id="audio">
  195. <div id="album">{block:AlbumArt}<img src="{AlbumArtURL}" width="150">{/block:AlbumArt}</div>{PlayCountWithLabel}<br>
  196. <div style="width:97%;background:#000;padding:10px;border:10px solid {color:post background};margin:0px;">{AudioPlayerBlack}</div>
  197. {block:ifshowcaptionsonindex}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptionsonindex}
  198. {block:ifnotshowcaptionsonindex}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}</div>
  199. {/block:Audio}
  200.  
  201. {block:Video}
  202. {Video-500}
  203. {block:ifshowcaptionsonindex}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaptionsonindex}
  204. {block:ifnotshowcaptionsonindex}{block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}{/block:ifnotshowcaptionsonindex}
  205. {/block:Video}
  206.  
  207. {block:Answer}
  208. <div id="asker"><img src="{AskerPortraitURL-24}" border="0" style="float:left; margin:4px;border:{color:asker} solid 7px;"/>{Asker}<br />{Question}</div>
  209. <div id="answer">{Answer}</div>
  210. {/block:Answer}
  211.  
  212. </td>
  213. <td id="permalink" valign="top">
  214. <div id="tags"><font class="notecount">{NoteCount}</font> <br>
  215.  
  216. {block:HasTags}{block:Tags}<a href="{TagURL}" class="sungmin">#{Tag}</a><br> {/block:Tags}{/block:HasTags}</div>
  217. {block:Date}<a href="{Permalink}" class="date">{DayOfMonthWithZero} {ShortMonth} {Year}</a>{/block:Date}
  218. {block:permalinkpage}
  219. <div id="reblog">
  220. {block:RebloggedFrom}
  221. <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img src="{ReblogParentPortraitURL-24}"></a><br>
  222. <a href="{ReblogRootURL}" title="{ReblogRootTitle}" class="reblog"><img src="{ReblogRootPortraitURL-24}"></a>{/block:RebloggedFrom}<div>
  223. {/block:permalinkpage}
  224. </td>
  225. </tr></table>
  226. {block:permalinkpage}
  227. {block:PostNotes}<div id="note">{PostNotes}</div>
  228. {/block:PostNotes} {/block:permalinkpage}
  229. {/block:Posts}
  230.  
  231. </body></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!