SHARE
TWEET

tumblr theme 042

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