SHARE
TWEET

tumblr theme 034

ettudisthemes May 14th, 2012 11,912 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
Top